IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android-第三节圆形图案及shape属性(修改圆形图片) -> 正文阅读

[移动开发]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.运行结果
在这里插入图片描述

三、总结

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

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-01-25 10:42:32  更:2022-01-25 10:42:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 12:05:00-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码