LinearGradient实现线性渐变

最新推荐文章于 2025-04-16 14:22:00 发布

Pioneer_Chang

最新推荐文章于 2025-04-16 14:22:00 发布

阅读量1.6k

点赞数 1

分类专栏： android 文章标签：线性渐变 drawable

本文链接：https://blog.youkuaiyun.com/Pioneer_Chang/article/details/52637843

版权

android 专栏收录该内容

33 篇文章

订阅专栏

本文介绍如何使用LinearGradient创建渐变效果，并提供了一个具体的实例。通过设置颜色、位置及Shader平铺模式，可以为TextView背景创建从淡蓝到白色的效果。

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

1、LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions,Shader.TileMode tile)
参数:
float x0: 渐变相对父容器的起始点x坐标
float y0:渐变相对父容器的起始点y坐标
float x1:渐变相对父容器的结束点x坐标
float y1:渐变相对父容器的结束点y坐标
int[] colors:颜色的int 数组
float[] positions: 表示colors数组中几个颜色的相对位置，是一个float类型的数组，该数组的长度必须与colors数组的长度相同。如果这个参数使用null也可以，这时系统会按照梯度线来均匀分配colors数组中的颜色
Shader.TileMode tile: 渲染器平铺模式

2、最近有一个需求，如图：
这里写图片描述
listview的条目背景是淡蓝色，但是两端有些渐变。

3、案例：
给textview设置背景，TextView的宽为900px，高为200px，所以采用镜像Shader.TileMode.MIRROR，渐变从0到450，
这里写图片描述


public class LinearShadeView extends Drawable {

    private LinearGradient linearGradient;
    private Paint paint;

    /**
     * TextView的宽为900px，高为200px，所以采用镜像，渐变从0到450，
     */

    public LinearShadeView() {
        linearGradient = new LinearGradient(0, 0, 450, 0, new int[]{Color.parseColor("#fbfbfb"), Color.parseColor("#b5ede9")},
                new float[]{0, 0.15f}, Shader.TileMode.MIRROR);
        paint = new Paint();
        paint.setShader(linearGradient);
    }

    @Override
    public void draw(Canvas canvas) {
        canvas.drawRect(0, 0, 900, 200, paint);
    }

    @Override
    public void setAlpha(int alpha) {
        paint.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter colorFilter) {
        paint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSPARENT;
    }
}

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:fresco="http://schemas.android.com/apk/res-auto"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:gravity="center"
              android:orientation="vertical"
              android:paddingBottom="@dimen/activity_vertical_margin"
              android:paddingLeft="@dimen/activity_horizontal_margin"
              android:paddingRight="@dimen/activity_horizontal_margin"
              android:paddingTop="@dimen/activity_vertical_margin"
              android:background="#646464"
              tools:context=".view.MainActivity">

        <TextView
            android:layout_width="900px"
            android:layout_height="200px"
            android:text="放你我分身乏术"
            android:textSize="30dp"
            android:textColor="#000000"
            android:id="@+id/tv_demo"
            android:gravity="center"
            />

</LinearLayout>

使用：

public class MainActivity extends Activity {

    @InjectView(R.id.tv_demo)
    TextView mTvDemo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.inject(this);

        mTvDemo.setBackground(new LinearShadeView());

    }
}