Android-第三节圆形图案及shape属性（修改圆形图片）

一、圆角图形

ps:相信大家在开发过程中需要用的imageview组件，但是该组件是正方形用来当头像不太美观，下面我来教大家一种方法，简单上手！

代码如下：

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

import androidx.annotation.Nullable;


public class CircleImageView extends androidx.appcompat.widget.AppCompatImageView {

    //画笔
    private Paint mPaint;
    //圆形图片的半径
    private int mRadius;
    //图片的宿放比例
    private float mScale;

    public CircleImageView(Context context) {
        super(context);
    }

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

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //由于是圆形，宽高应保持一致
        int size = Math.min(getMeasuredWidth(), getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size, size);
    }

    @SuppressLint("DrawAllocation")
    @Override
    protected void onDraw(Canvas canvas) {

        mPaint = new Paint();

        Drawable drawable = getDrawable();

        if (null != drawable) {
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();

            //初始化BitmapShader，传入bitmap对象
            BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
            //计算缩放比例
            mScale = (mRadius * 2.0f) / Math.min(bitmap.getHeight(), bitmap.getWidth());

            Matrix matrix = new Matrix();
            matrix.setScale(mScale, mScale);
            bitmapShader.setLocalMatrix(matrix);
            mPaint.setShader(bitmapShader);
            //画圆形，指定好坐标，半径，画笔
            canvas.drawCircle(mRadius, mRadius, mRadius, mPaint);
        } else {
            super.onDraw(canvas);
        }
    }

}

1.创建java代码

2.创建ImageView组件

3.修改ImageView，将刚刚写好的代码引用

二、按钮圆角

2.1主要属性

2.1.1shape属性

shape可取值：
矩形（rectangle）、椭圆（oval）、线（line）、圆环（ring）四种图形

2.1.2shape属性下的属性

corners（圆角）、gradient（渐变）
padding（间隔）、size（大小）
solid（填充）、stroke（描边）

solid（填充）

<solid android:color="@color/yellow"/> //填充颜色

corners（圆角）

<corners android:radius="50dp"/>           //圆角弧度为50dp
        android:bottomLeftRadius=""               //底部左下角
        android:bottomRightRadius=""              //底部右下角
        android:topLeftRadius=""                  //顶部左上角
        android:topRightRadius=""                 //顶部右上角

stroke（描边）

<stroke 
android:color=""         //描边颜色
android:width=""         //描边宽度
android:dashGap=""       //两段虚线之间的空隙宽度
android:dashWidth=""     //一段线的宽度 
/>
其中 dashGap dashWidth 两个属性彼此一起存在才生效。

例子：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line" >
    <stroke
        android:dashGap="20dp"
        android:dashWidth="10dp"
        android:width="1dp"
        android:color="#000000" />
</shape>

gradient（渐变）

        android:startColor=""           //起始颜色
        android:centerColor=""          //中间颜色
        android:endColor=""             //末尾颜色
        android:angle=""                //代表渐变颜色的角度，
                                          必须是45的整数倍.
        android:type=""
        android:centerX=""             //相对X的渐变位置
        android:centerY=""             //相对Y的渐变位置
        android:gradientRadius=""   //渐变颜色的半径，单位应该是像素点. 需要 android:type="radial".
        android:useLevel=""         //如果当做是LevelListDrawable使用时值为true，否则为false.

例子：

size（大小）

        android:width="50dp"    //宽度
        android:height="50dp"   //高度

padding（间隔）

        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"     //上下左右的间隔

2.2使用方法

1.创建资源文件（drawable下）

2.选择shape类型

3.选择所需属性

4.运行结果

三、总结

日后一些好用的属性也会更新给大家，创作不易搬运请标明出处，谢谢！