Android 自定义View步骤

最新推荐文章于 2024-08-27 20:45:35 发布

老孟Flutter

最新推荐文章于 2024-08-27 20:45:35 发布

阅读量1.2k

点赞数

文章标签： android 自定义view 自定义控件

本文链接：https://blog.csdn.net/mengks1987/article/details/77677877

版权

自定义View的相关文章：

自定义View步骤

1. 创建View并继承View

public class MyView extends View {

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

    public MyView(Context context, @Nullable AttributeSet attrs) {
        this(context,attrs,0);
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        this(context,attrs,defStyleAttr,0);
    }

    public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);

    }
}

创建MyView类并继承View，注意构造函数写法，现在里面没有任何实现。

2. 设置View属性

我们的View肯定是需要属性的，就像TextView 的text属性一样，在layout文件中直接设置，而要想设置属性需要在res/values下新建attrs.xml文件（已存在不必创建）

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyView">
        <attr name="radius" format="dimension"></attr>
        <attr name="android:color"/>
    </declare-styleable>
</resources>

创建一个declare-styleable节点，name是可以随便命名的，不过我们最好命名为View的名字，这个可读性更高，而且也好维护，attr节点就是一个属性，name代表属性名称，如radius代表半径，format代表当前属性的类型，
这里写图片描述

dimension:尺寸值

<Button android:layout_width = “42dp”/>

integer:整形，和dimension的区别是integer不带单位（dp）

<animated-rotate android:framesCount = “12”/>

boolean:布尔值

<Button android:focusable = “true”>

color：颜色值

<TextView android:textColor = “#00FF00” >

enum：枚举

<attr name=”orientation”>
<enum name=”horizontal” value=”0” />
<enum name=”vertical” value=”1” />
</attr>

flag：位或运算,gravity属性就是如此，使用时可以设置多个属性：

使用：<TextView android:gravity=”bottom|left”/>

定义：
<attr name=”gravity”>
<flag name=”top” value=”0x30” />
<flag name=”bottom” value=”0x50” />
<flag name=”left” value=”0x03” />
<flag name=”right” value=”0x05” />
<flag name=”center_vertical” value=”0x10” />
…
</attr>

float:浮点型

<alpha android:fromAlpha = “1.0”/>

fraction:百分数

<rotate android:pivotX = “200%”/>

reference:引用

<ImageView android:background = “@drawable/图片”/>

string:字符串

<TextView android:text = “我是TextView”/>

类型介绍完了，我们看

<attr name=”android:color”/>

这个其实是我们定义一个系统存在的属性color，我们也可以这样写：

<attr name=”color” format=”color”/>

建议使用第一种。

3. 获取View属性值

public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        //获取设置的属性值
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyView);
        radius = typedArray.getDimension(R.styleable.MyView_radius, 0);
        color = typedArray.getColor(R.styleable.MyView_android_color, Color.RED);
        typedArray.recycle();
    }

注意最后要调用：typedArray.recycle()

4. 初始化Paint（Paint用于绘制）

Paint可以理解为画笔，就像我们画东西一样，不管我们画什么都需要一支笔，Paint就是这只笔。

我们的例子中只设置了颜色，后面我们会详细介绍Paint的使用。

5. 重写onMesure方法，不是必须的，此View未写，后面会详细介绍

6. 重写onDraw方法

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //计算半径，如果属性中设置了半径则使用设置的值，否则是宽和高一半的较小值
        float mRadius = radius == 0 ? Math.min(getWidth() / 2, getHeight() / 2) : radius;
        //绘制圆
        canvas.drawCircle(getWidth() / 2, getHeight() / 2, mRadius, mPaint);
    }