Android自定义控件之自定义属性

程序员文章站 2022-05-29 13:37:29

...

前言

自定义控件可以说是android里的一个门槛，对很多android开发者来说可能都会认为比较难，当然这也是成为一个高手的必经之路，因此我准备在定义控件上多下些功夫，多花点时间研究，多写博客，如果想一起学习自定义控件，欢迎大家关注，如有疑问欢迎留言，如有谬误欢迎批评指正。

一、自定义控件步骤

1.自定义View属性
2.重写onMeasure
3.重写onLayout
4.重写onDraw
今天这篇博客主要介绍第一步自定义属性，通过一个案例来进行讲解
案例的效果如下
Android自定义控件之自定义属性
即我们通过自定义View画一个圆，其中可以控制圆的半径大小和颜色，具体怎么做的呢？

二、自定义属性方法

1.首先在res/values/目录下创建attrs文件，如下所示

<declare-styleable name="CircleView">

      <attr name="circleRadius" format="dimension"/>
      <attr name="circleColor" format="color"/>
</declare-styleable>

WheelRecyclerView是自己起的名字，不要与系统的冲突就行，
<attr name="circleRadius" format="dimension"/>其中name就是自定义属性的名字（类似于系统控件的android:layout_width） format 就是属性的类型，这里支持10种类型，如下图所示
Android自定义控件之自定义属性
我们先把这个小案例的流程走完，大家对流程熟悉之后再对细节进行讲解。

2.编写自定义View,并在构造方法中获取我们自定义的属性


   public CircleView(Context context) {
        this(context,null);
    }

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

	/**
     * 获取自定义属性
     * @param context
     * @param attrs
     * @param defStyleAttr
     */
    public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

         TypedArray ta=context.obtainStyledAttributes(attrs, R.styleable.CircleView);
        /**
         * 获取圆的半径属性
         */
        circleRadius=ta.getDimension(R.styleable.CircleView_circleRadius,DEFAULT_RADIUS);
        /**
         * 获取圆的颜色属性
         */
        mColor=ta.getColor(R.styleable.CircleView_circleColor,DEFAULT_COLOR);
        ta.recycle();


        init();
    }

从上面可以看出，在一个参数的构造方法中，调用了两个参数的构造方法，然后在两个参数的构造方法中调用了三个参数的构造方法，然后通过context的obtainStyledAttributes方法可以得到一个TypedArray对象，这个对象里面封装了获取各个属性的方法，比如getDimension，getColor,getFloat等方法用来获取属性值。

3.重写onMeasure方法

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        /**
         * Extracts the mode from the supplied measure specification
         * 从提供的测量规范中获取模式
         */
        int widthMode=MeasureSpec.getMode(widthMeasureSpec);
        /**
         * Extracts the size from the supplied measure specification
         * 从提供的测量规范中获取大小
         */
        int widthSize=MeasureSpec.getSize(widthMeasureSpec);

        int heightMode=MeasureSpec.getMode(heightMeasureSpec);
        int heightSize=MeasureSpec.getSize(heightMeasureSpec);
        /**
         * 如果宽度的测量模式是AT_MOST
         * 则设置宽度
         */
        if(widthMode==MeasureSpec.AT_MOST){

            widthSize= (int) (circleRadius*2+getPaddingLeft()+getPaddingRight());
        }

        if(heightMode==MeasureSpec.AT_MOST){

            heightSize= (int) (circleRadius*2+getPaddingTop()+getPaddingBottom());
        }

        setMeasuredDimension(widthSize,heightSize);
    }

上面我们重写了onMeasure方法，获取测量模式、获取控价大小并且按照我们自己的要求制定规则调用setMeasuredDimension此方法设置最终的宽和高。

4.重写onDraw方法

 @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        int paddingLeft=getPaddingLeft();
        int paddingTop=getPaddingTop();
        int paddingBottom=getPaddingBottom();
        int paddingRight=getPaddingRight();

        int width=getWidth()-paddingLeft-paddingRight;
        int height=getHeight()-paddingBottom-paddingTop;

        canvas.drawCircle(width/2+paddingLeft,height/2+paddingTop,circleRadius,mPaint);
    }

onDraw方法很简单就是调用canvas的drawCircle方法，设置好圆的位置、半径和画笔画一个圆

到这里一个简单的自定义控件以及完成了，在布局中声明我们自定义的View如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <com.example.video.CircleView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:padding="5dp"
        app:circleRadius="50dp"
        app:circleColor="#FF0000"/>

</LinearLayout>

运行即可看到文章开头的效果。

三、自定义属性format类型详解

接下来咱们对自定义属性时的format的类型做一下说明，format的类型一共10中分别为：
string、boolean、color、dimension、enum、flags、float、fraction、integer、reference。

1.string

即字符串这个很好理解，类似于系统的textview设置text内容，在attrs中声明如下

<declare-styleable name="名称">
    <attr name="text" format="string"/>
</declare-styleable>

在布局中设置如下

app:text="Hello World!"

系统textview的text设置如下

android:text="hello world!!!"

2.boolean

布尔类型，有两个值true和false,类似于系统Button的clickable属性，在attrs中声明如下

<declare-styleable name="名称">
    <attr name="clickable" format="boolean"/>
</declare-styleable>

在布局中设置如下

app:clickable="true"

系统button的clickable设置如下

android:clickable="false"

3.color

设置颜色即设置16进制的颜色，在attrs中声明如下

<declare-styleable name="名称">
    <attr name="color" format="color"/>
</declare-styleable>

在布局中有如下两种设置方式

app:color="#FFFFFF"
app:color="@color/id"

系统中给TextView设置字体颜色

android:textColor="@color/colorPrimary"

4.dimension

设置尺寸值，一般用来设置dp值，在attrs中声明如下

<declare-styleable name="名称">
    <attr name="circleRadius" format="dimension" />
</declare-styleable>

在布局中可以进行如下设置

 app:circleRadius="50dp"

系统textview设置宽度的方法

 android:layout_width="50dp"

5.enum

设置枚举，一般有几个选项，用来选择，可以参考LinearLayout的orientation属性，在attrs中声明如下

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

在布局中可以进行如下的属性设置

Android自定义控件之自定义属性 “

可以看到当我们输入orientation的时候会有两个选项就是我们上述xml中所声明的horizontal和vertical

系统中的LinearLayout与之同理。

6.flags

位或运算即可以进行多个选择，在atts中声明如下

<declare-styleable name="CircleView">
     <attr name="gravity" format="flags">
         <flag name="top" value="0"/>
         <flag name="center" value="1"/>
         <flag name="right" value="2"/>
         <flag name="left" value="3"/>
     </attr>
</declare-styleable>

在布局中可以进行如下的属性设置

app:gravity="right|left|top"

7.float

浮点类型，在attr中声明如下

<declare-styleable name="CircleView"> 
   <attr name = "alpha" format="float" />
</declare-styleable>

在布局中可以对属性进行如下设置

app:alpha="0.8"

8.fraction

百分数，一般有两种

100% 表示相对于对象自身的百分比
100%p 表示相对于父容器的百分比，percent of parent

<declare-styleable name="CircleView">
   <attr name="progress" format="fraction"/>
</declare-styleable>

在布局中可以属性进行如下设置

app:progress="50%"

9.integer

整形，这个很简单，就不说了

10.reference

某一资源ID，在attr中声明如下

<declare-styleable name="CircleView">
	<attr name="pic" format="reference"/>
</declare-styleable>

在布局中可以对属性进行如下设置

app:pic="@mipmap/ic_launcher"

好了以上就是对自定义属性内容的学习比较简单，但是也必须要从简单的学起，后续会逐步更新自定义View相关的内容，如有谬误欢迎批评指正，如果觉得本篇博客对你有帮助，就点个赞呗。

相关标签： Android自定义控件基础及进阶 Android实战开发

上一篇：六大可能出售IT企业名单：SUN领头或被猎走

下一篇： Spring注解驱动

Android自定义控件之自定义属性

前言

目录

一、自定义控件步骤

二、自定义属性方法

1.首先在res/values/目录下创建attrs文件，如下所示

2.编写自定义View,并在构造方法中获取我们自定义的属性

3.重写onMeasure方法

4.重写onDraw方法

三、自定义属性format类型详解

1.string

2.boolean

3.color

4.dimension

5.enum

6.flags

7.float

8.fraction

9.integer

10.reference

Android 自定义ToolBar并沉浸式

一小时学会TensorFlow2之自定义层

Thymeleaf 3.0 自定义标签方言属性的实例讲解

android sqlLite 及Adapter 自定义和Adapter 改变UI

Android自定义扇形倒计时实例代码

jquery自定义属性(类型/属性值)

Android自定义View实现微信语音界面

Python图像拼接之自定义生成棋盘格

自定义view进阶-贝塞尔曲线实现水波动画、粘性控件

小程序自定义组件——创建和使用自定义组件步骤 & 自定义组件属性properties数据列表、data数据、methods方法的用法