View 自定义 - 属性 xml

一、重写构造

没有空参构造必须重写，一共有四种（四参构造在 API21 加入）对应不同的创建方式。一般只需要重写前三个，通过 this 调用到三参构造中统一进行处理。

class MyView : View {
    //改成this调用2个参数的构造
    constructor(context: Context?) : this(context, null)
    //改成this调用3个参数的构造
    constructor(context: Context?, attrs: AttributeSet?) : this(context, attrs, 0)
    //在3个参数的构造里统一进行处理
    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
        //TODO...
    }
}

二、加载布局文件

LayoutInflater.from(context).inflate(R.layout.drawer4,this)
//等价于
LayoutInflater.from(context).inflate(R.layout.drawer4,this, true)
//等价于
val view = LayoutInflater.from(context).inflate(R.layout.drawer4, this, false)
addView(view)

三、自定义属性

在 xml 中为控件设置的属性。自定义属性名称如果使用系统已定义的，例如 textSize 会在编译时报错，想使用需要定义为

3.1 创建资源文件（属性声明）

右键 values 目录 -> New File文件 -> 一般取名attrs.xml。

<resources>
    
    <declare-styleable name="MyView">
        
        <attr name="myText" format="string" />
        <attr name="myTextColor" format="color" />
        <attr name="myTextSize" format="dimension" />
        <attr name="myMaxLength" format="integer" />
        <attr name="myBackground" format="reference|color" />
        
        <attr name="myInputType">
            <enum name="number" value="1"/>
            <enum name="text" value="2"/>
        attr>
    declare-styleable>
resources>

3.2 构造函数中配置

重写一参、二参、三参构造，通过 this 调用到三参构造中统一处理。

class MyView : View {
    private var text: String? = null
    private var textSize: Int? = null
    private var textColor: Int? = null
    private var maxLength: Int? = null
    private var background: Int? = null
    private var inputType: Int? = null
 
    //改成this调用2个参数的构造
    constructor(context: Context?) : this(context, null)
    //改成this调用3个参数的构造
    constructor(context: Context?, attrs: AttributeSet?) : this(context, attrs, 0)
    //在这里统一进行处理
    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
        context?.let {
            //返回一个与attrs中列举出的属性相关的数组，数组里面的值由样式属性指定
            val attributes = it.obtainStyledAttributes(attrs, R.styleable.MyView)
            //获取自定义属性(格式：属性名称_条目名称)
            text = attributes.getString(R.styleable.MyView_myText)
            textSize = attributes.getDimensionPixelSize(R.styleable.MyView_myTextSize, 0)
            textColor = attributes.getColor(R.styleable.MyView_myTextColor, Color.BLACK)
            maxLength = attributes.getInt(R.styleable.MyView_myMaxLength,1)
            background = attributes.getResourceId(R.styleable.MyView_myBackground,R.drawable.ic_launcher_foreground)
            inputType = attributes.getInt(R.styleable.MyView_myInputType,0)
            //回收资源
            attributes.recycle()
        }
    }
}

3.3 布局中使用（属性使用）

只有引入了命名空间，XML文件才知道下面使用的属性应该去哪里找（哪里定义的，不能凭空出现，要有根据。

• 根布局添加命名空间（只需要输入app，IDE会自动补全）。
• 控件名称使用完整路径（只需要输入自定义View的类名，IDE会自动补全）。
• 未自定义的属性View会去处理（继承自View），使用自定义的属性就是 app: 开头的。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <com.example.kotlindemo.view.MyView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:myBackground="@drawable/ic_launcher_foreground"
        app:myInputType="number"
        app:myText="Hello Word!"
        app:myTextColor="@color/black"
        app:myTextSize="20sp"
        app:myMaxLength="20"/>
LinearLayout>