Android Paint.setSharer渐变色,shape渐变色、shape文件新建步骤、xml旋转,设置四角弯曲度corners,Textview设置渐变色

package com.fpt.drawgradview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.shapes.Shape;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;

public class DrawGradView extends View {
    private Paint paint;
    public DrawGradView(Context context) {
        super(context);
        initData();
    }

    public DrawGradView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initData();
    }

    public DrawGradView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initData();
    }

    public DrawGradView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        initData();
    }
    public void initData(){
        paint=new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(40);
//        paint.setColor(Color.BLUE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawLine(100,50,100,400,paint);
        LinearGradient linearGradient=new LinearGradient(150,50,150,300,new int[]{
                Color.rgb(255,189,22),
                Color.rgb(221,43,6),
                Color.rgb(0,25,233),
                Color.rgb(0,232,210)},
        new float[]{0,.3F,.6F,.9F},Shader.TileMode.CLAMP);
        //new float[]{},中的数据表示相对位置,将150,50,150,300,划分10个单位,.3,.6,.9表示它的绝对位置。300到400,将直接画出rgb(0,232,210)
        paint.setShader(linearGradient);
        canvas.drawLine(150,50,150,400,paint);
    }
}

LinearGradient 的3种模式:

CLAMP:当图片小于绘制尺寸时要进行边界拉伸来填充

REPEAT:当图片小于绘制尺寸时重复平铺

MIRROR:当图片小于绘制尺寸时镜像平铺

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <!--
  android:startColor="#aa000000"  渐变起始色值
  android:centerColor=""      渐变中间色值
  android:endColor="#ffffffff"    渐变结束颜色
  android:angle="45"      渐变的方向 默认为0 从左向右 ,90时从下向上 必须为45的整数倍
  android:type="radial"       渐变类型 有三种 线性linear 放射渐变radial 扫描线性渐变sweep
  android:centerX="0.5"       渐变中心相对X坐标只有渐变类型为放射渐变时有效
  android:centerY="0.5"       渐变中心相对Y坐标只有渐变类型为放射渐变时有效
  android:gradientRadius="100"    渐变半径 非线性放射有效
   -->
    <gradient
            android:startColor="@color/batter_start_blue_color"
            android:endColor="@color/batter_end_blue_color"
            android:angle="270"
    />
    <corners android:radius="8dp"/>
</shape>

新建shape文件步骤如下:

1、在model层,鼠标右击,选择new------>resource;
2、如下图,资源选择drawable,然后element(元素的意思)中打出一个“s”,就有提示的shape了,选择、新建之;

在这里插入图片描述

旋转

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item >
        <rotate android:drawable="@drawable/round_spinner_fade"
            android:fromDegrees="0.0"
            android:pivotX="50.0%"
            android:pivotY="50.0%"
            android:toDegrees="1080.0"/>
    </item>

    <item >
        <rotate android:drawable="@drawable/round_spinner_fade"
            android:fromDegrees="720"
            android:pivotX="50.0%"
            android:pivotY="50.0%"
            android:toDegrees="0.0"/>
    </item>
</layer-list>




<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/white"></solid>
    <corners android:bottomLeftRadius="12dp"
        android:topLeftRadius="12dp"/>
</shape>



private void setGradientColor(TextView view) {
        int[] colors = {Color.parseColor("#F3FF17"), Color.parseColor("#FF9A02")};
        float[] position = {0f, 1.0f};
        LinearGradient mLinearGradient = new LinearGradient(0, 0,
                view.getPaint().getTextSize() * view.getText().length(), 0, colors, position, Shader.TileMode.CLAMP);
        view.getPaint().setShader(mLinearGradient);
        view.invalidate();

        LinearGradient mLinearGradient2 = new LinearGradient(0, 0,
                view.getPaint().getTextSize() * view.getText().length(), 0, colors, position, Shader.TileMode.CLAMP);
        view.getPaint().setShader(mLinearGradient2);
        view.invalidate();
    }
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Android Studio中,创建按钮渐变色可以通过自定义布局和使用GradientDrawable或AppCompat drawable。以下是简单的步骤: 1. **使用GradientDrawable**: - 创建一个XML文件,如`button_gradient.xml`: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#FF0000" <!-- 前端颜色 --> android:endColor="#00FF00" <!-- 后端颜色 --> android:type="linear" <!-- 或者 "radial"/"sweep" --> android:angle="270" <!-- 渐变角,默认0 --> android:centerX="50%" <!-- 渐变中心点的X值 --> android:centerY="50%" <!-- 渐变中心点的Y值 --> android:shape="rectangle" <!-- 或者 "oval" --> /> <corners android:radius="8dp"/> <!-- 角圆角 --> <size android:width="wrap_content" android:height="wrap_content"/> <solid android:color="@android:color/white" /> <!-- 填充颜色 --> </shape> ``` - 在你的XML布局中引用这个drawable: ```xml <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button_gradient"/> ``` 2. **使用AppCompat drawable**: - 使用`@drawable/selector`来实现状态改变时的渐变效果,比如按下的效果: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/button_gradient_pressed"/> <item android:drawable="@drawable/button_gradient_normal"/> </selector> ``` - 分别创建`button_gradient_pressed.xml`和`button_gradient_normal.xml`两个文件,替换颜色和样式。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jian11058

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值