android非线性渐变色，不同区域显示不同的渐变效果

最新推荐文章于 2025-05-12 18:00:20 发布

lw585625

最新推荐文章于 2025-05-12 18:00:20 发布

阅读量2.3k

点赞数

文章标签： android 渐变效果多重渐变效果

本文链接：https://blog.csdn.net/lw585625/article/details/51534368

版权

本文探讨了在Android中如何创建平滑的单色渐变效果，特别是如何在不同区域展示不同的渐变方向。通常使用drawable资源来定义渐变，包括起始颜色、结束颜色以及设置垂直或水平的渐变方向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文讨论的是android中如何实现更平滑的单色渐变效果。一般来说，当我们想让界面上的某个区域呈现单色渐变效果，我们用drawable 来实现：

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<gradient
    android:startColor="@android:color/holo_blue_light"
    android:endColor="@android:color/transparent"
    android:angle="180"
    />
    <corners android:radius="10dp"/>
</shape>

上面定义如下属性

开始颜色，
结束颜色，
颜色渐变方向，上面定义的是垂直，从上到下
 
   我们的效果是做面的图，这个效果在android上是最好实现的，因为xml就可以配置，中国特色使然，各种文档介绍也是上面雷同内容 
 
   。右边的背景如何实现呢？当时项目需要，找了很多文章都没有发现，最后是通过个View两个背景实现的，说实话当时蛮鄙视的，为什么 
 
   我们只会使用的，没有研究的动力、乐趣呢？ 
 
   出于这样的自责，开始了进一步研究（不是网上有的我才会用，而是自我研究一些东西帮助大家），先看android是否有个给我们提供 
 
   机制帮我们实现这样的东西，看了几个Drawable paitDrawable、ShapeDrawalbe，最后发现通过PaintDrawable可以实现，结合 
 
   Shape的一些子类 
 
  <pre name="code" class="html">paintDrawable.setShaderFactory(new ShapeDrawable.ShaderFactory() {
            @Override
            public Shader resize(int width, int height) {
paintDrawable.setShaderFactory(new ShapeDrawable.ShaderFactory() {

            @Override

            public Shader resize(int width, int height) {

                LinearGradient linearGradient = new LinearGradient(

                        width * x0,

                        height * y0,

                        width * x1,

                        height * y1,

                        stopColors, stopHeightsStep,

                        Shader.TileMode.CLAMP);

                return linearGradient;

            }

        }); 
   通过设置stopColors, StopHeightsStep，根据不同分段设置不同颜色，久能达到效果。如果有具体问题可以通过QQ找我。