安卓自定义View进阶-自定义XML属性解析及R.attr和R.styleable的区别

attr.xml

styleable

attr

attr和styleable的关系

<resources>
<attr name="customColor" format="color"/>
<attr name="customText" format="string"/>
</resources>

<resources>
<declare-styleable name="customView">
<attr name="customColor" format="color"/>
<attr name="customText" format="string"/>
</declare-styleable>
</resources>

attr

styleable

styleable

attr

attr

R.attr.customAttr

styleable

styleable

attr

declare-styleable

declare-styleable

为View添加自定义XML属性

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!" />

android:text

com.cxx.demo.widget.MyTextView

com.cxx.demo.widget

attr

attr

attrs.xml

<resources>

<resources>

<attr>

name

format

xmlns:app="http://schemas.android.com/apk/res-auto"

app:customColor

<dimen>

@android:dimen/app_icon_size

|

|

<!--enum举例-->
<attr name="customAttr">
<enum name="man" value="0" />
<enum name="woman" value="1" />
</attr>

<!--flag举例-->
<attr name="customAttr">
<flag name="none" value="0" />
<flag name="bold" value="0x1" />
<flag name="italic" value="0x2" />
<flag name="underline" value="0x4" />
</attr>

在<attr>节点下通过定义多个<flag>表示其支持的值，value的值一般是0或者是2的N次方(N为大于等于0的整数)，
对于上面的例子我们在实际设置值是可以设置单独的值，如none、bold、italic、underline，也可以通过|设置多个值，
例如app:customAttr="italic|underline"。

package com.cxx.demo.widget;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.text.TextPaint;
import android.text.TextUtils;
import android.util.AttributeSet;

import com.cxx.demo.R;

/**
* Created by ZHOU on 2018/1/18.
*/

public class MyTextView extends android.support.v7.widget.AppCompatTextView {

//存储要显示的文本
private String mCustomText;

/*** 存储文本的显示颜色*/

private int mCustomColor = 0xFF000000;
//画笔
private TextPaint mTextPaint;
//字体大小
private float fontSize = getResources().getDimension(R.dimen.textSize);

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

public MyTextView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public MyTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(attrs, defStyleAttr);
}

private void init(AttributeSet attrs, int defStyleAttr) {
//首先判断attrs是否为null
if (attrs!=null){
//获取AttributeSet中所有的XML属性的数量
int count  = attrs.getAttributeCount();
//遍历AttributeSet中的XML属性
for (int i = 0; i < count; i++) {
//获取attr的资源ID
int attrsResId = attrs.getAttributeNameResource(i);
switch (attrsResId){
case R.attr.customColor:
//customColor属性
//如果读取不到对应的颜色值，那么就用黑色作为默认颜色
mCustomColor = attrs.getAttributeIntValue(i,0xff000000);
break;
case R.attr.customText:
//customText属性
mCustomText = attrs.getAttributeValue(i);
break;
default:
break;
}
}
}
//初始化画笔
mTextPaint = new TextPaint();
mTextPaint.setFlags(Paint.ANTI_ALIAS_FLAG);
mTextPaint.setTextSize(fontSize);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (!TextUtils.isEmpty(mCustomText)){
mTextPaint.setColor(mCustomColor);
//将文本绘制显示出来
canvas.drawText(mCustomText,0,fontSize,mTextPaint);
}
}
}

String getAttributeValue (int index)

使用

<declare-styleable>

和obtainStyledAttributes方法

<attr>

<resources>

<attr>

<resources>

<declare-styleable>

<declare-styleable>

<attr>

<resources>
<declare-styleable name="MyTextView">
<attr name="customText" format="string" />
<attr name="customColor" format="color" />
</declare-styleable>
</resources>

<!-- 需要给<declare-styleable>设置name属性，一般name设置为自定义View的名字，我们此处设置为MyTextView。-->

R.styleable.MyTextView

<declare-styleable>

<attr>

obtainStyledAttributes()

private void init(AttributeSet attributeSet, int defStyle) {
//首先判断attributeSet是否为null
if(attributeSet != null){
//获取当前MyView所在的Activity的theme
Resources.Theme theme = getContext().getTheme();
//通过theme的obtainStyledAttributes方法获取TypedArray对象
TypedArray typedArray = theme.obtainStyledAttributes(attributeSet, R.styleable.MyTextView, 0, 0);
//获取typedArray的长度
int count = typedArray.getIndexCount();
//通过for循环遍历typedArray
for(int i = 0; i < count; i++){
//通过typedArray的getIndex方法获取指向R.styleable中对应的属性ID
int styledAttr = typedArray.getIndex(i);
switch (styledAttr){
case R.styleable.MyView_customText:
//如果是R.styleable.MyView_customText，表示属性是customText
//通过typedArray的getString方法获取字符串值
mCustomText = typedArray.getString(i);
break;
case R.styleable.MyView_customColor:
//如果是R.styleable.MyView_customColor，表示属性是customColor
//通过typedArray的getColor方法获取整数类型的颜色值
mCustomColor = typedArray.getColor(i, 0xFF000000);
break;
}
}
//在使用完typedArray之后，要调用recycle方法回收资源
typedArray.recycle();
}

...
}

<com.cxx.demo.widget.MyTextView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:customText="customText in AttributeSet"
style="@style/RedStyle"
/>

<style name="RedStyle">
<item name="customText">customText in RedStyle</item>
<!-- 红色 -->
<item name="customColor">#FFFF0000</item>
</style>

obtainStyledAttributes方法之defStyleAttr

obtainStyledAttributes (AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes)

defStyleAttr

<style>

R.attr.***

<style>

obtainStyledAttributes方法之defStyleRes

obtainStyledAttributes (AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes)

<style>

（R.style.***）

总结

<declare-styleable>

<declare-styleable>