LinearGradient实现线性渐变

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、最近有一个需求,如图:
LinearGradient实现线性渐变_第1张图片
listview的条目背景是淡蓝色,但是两端有些渐变。

3、案例:
给textview设置背景,TextView的宽为900px,高为200px,所以采用镜像Shader.TileMode.MIRROR,渐变从0到450,
LinearGradient实现线性渐变_第2张图片


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;
    }
}

布局文件:


<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());

    }
}

自定义Drawable也可以实现圆形图片等不同类型的图片以及带有动画的Drawable

你可能感兴趣的:(android)