Android | 自定义属性【Deprecated】

提示 2020年10月27日

这篇文章是2019年写的,写的不好。今年我重新梳理了一遍,你可以直接看:《Android | android:text 是如何设置到 TextView 的?》


前言

  • 自定义View经常需要用到自定义属性
  • 属性根据使用方式不同,也可以分为控件属性主题属性Manifest属性
  • 很多文章讲自定义属性只提到控件属性
  • 本文将总结自定义属性相关知识细节,希望能帮上忙
自定义属性 思维导图
属性分类 示意图

Manifest属性是可以在AndroidManifest.xml中使用的属性,定义在原生框架中(比如Android Pattrs_manifests.xml)。本文的重点是其他两种属性:控件属性与主题属性


在正文开始之前,先来看看几个小题目,这些问题你都能解释清楚吗?

  • 下面两种键值对的区别是什么?
    • <item name="colorAccent">@color/colorAccent</item>
    • <item name="android:colorAccent">@color/colorAccent</item>
  • 下面四种属性的区别是什么?
    • tools:background="@color/colorAccent"
    • android:background="@color/colorAccent"
    • app:background="@color/colorAccent"
    • background="@color/colorAccent"

稍后会为大家一一解答,有任何疑问都可以在评论区留言讨论!


1. 定义

如何定义一个属性呢?定义属性需要用到:

  • <attr>标签
  • 属性名属性值类型

我们就以Android P原生框架提供的attrs.xml为例,里面定义了非常多的属性,我们选取一些熟知的属性如下:

<!-- 文本颜色 -->
<attr name="textColor" format="reference|color"/>
<!-- 高亮文本颜色 -->
<attr name="textColorHighlight" format="reference|color" />
<!-- 高亮文本颜色 -->
<attr name="textColorHint" format="reference|color" />

你也可以在SDK中找到这个文件,有两种方式:

  • 文件夹:sdk/platform/android-28/data/res/values/attrs.xml

  • Android Studio(切换到project视图):External Libraries/<Android API 28 Platform>/res/values/attrs.xml

提示:你在这里看到的版本号是在app/build.gradle中的compileSdkVersion设置的

这些都是我们再熟悉不过的属性了,比如我们用它们来定义EditText

<EditText
        ...
        android:textColor="@android:color/white"
        android:textColorHighlight="@color/colorAccent"
        android:textColorHint="@android:color/darker_gray"/>

2. 命名空间

为什么我们定义属性的时候没有指明android:前缀,而引用属性的时候却需要呢?这就引出了属性命名空间的概念,有四种命名空间:

命名空间 示意图
  • 工具—toolsxmlns:tools="http://schemas.android.com/tools"

    只在Android Studio中生效,运行时不生效,比如以下代码,背景色在编辑器的预览窗口显示白色,但是在运行时显示黑色:

    tools:background="@android:color/white"
    android:background="@android:color/black"
    
  • 原生—androidxmlns:android="http://schemas.android.com/apk/res/android"

    原生框架中attrs定义的属性,比如前文提到的Android P原生框架提供的attrs.xml

    <attr name="colorAccent" format="color" />
    
  • AppCompat兼容库——无命名空间

    AppCompat兼容库中定义的属性,比如:

    <attr format="color" name="colorAccent"/>
    

    Android Studio(切换到project视图):External Libraries/Gradle:com.android.support:appcompat-v7:[版本号]@aar/res/values/values.xml

  • 自定义—appxmlns:app="http://schemas.android.com/apk/res-auto"

    除了原生框架和AppCompat兼容库之外定义的属性,包括项目中自定义的属性与依赖库中自定义的属性,比如ConstraintLayout中自定义的属性:

    <attr format="reference|enum" name="layout_constraintBottom_toBottomOf">
          <enum name="parent" value="0"/>
    </attr>
    

    Android Studio(切换到project视图):External Libraries/Gradle:com.android.support:constraint:constraint-layout:[版本号]@aar/res/values/values.xml

注意到了吗,无论是原生、AppCompat兼容库还是自定义的属性,定义的时候都不需要命名空间,只有在引用的时候需要,命名空间用于区分属性定义的位置,比如:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
            <!-- AppCompat兼容库定义的属性 -->
        <item name="colorAccent">@color/colorAccent</item>
        <!-- 原生框架定义的属性 -->
        <item name="android:colorAccent">@android:color/white</item>
    </style>
</resources>

上面两个键值对,一个将AppCompat兼容库的colorAccent属性的值设置为@color/colorAccent,另一个将原生框架的android:colorAccent属性的值设置为@android:color/white,命名空间帮助在区分具体指示的是哪个属性。

事实上,在使用兼容库的应用中,只有第一个键值对能产生有实际效果


3. 控件属性

控件属性是最常用的属性了,后面提到的样式属性也需要以控件属性为前提,控件属性有以下特点:

  • 使用<declare-styleable>标签定义控件属性集合
  • 可以在布局文件中使用
  • 属性定义和属性引用可以在一步完成
  • (同一个包内)定义一次属性后,引用的时候不需要在指定属性值类型

我们以TextView的控件属性为例,定义在attrs.xml中:

// 定义
<attr name="textColor" format="reference|color"/>

// 引用
<declare-styleable name="TextView">
        // 同时定义和引用属性
        <attr name="text" format="string" localization="suggested" />
        <attr name="hint" format="string" />
        // 引用属性
        <attr name="textColor" />
        // ...
</declare-styleable>

属性定义和属性引用可以在一步完成,比如上面的text属性与hint属性

可以看到,name指明了对应的控件为TextView,因此我们可以在布局文件中将这些属性设置到TextView上:

<TextView
        ...
        android:textColor="@android:color/white"
        android:text="Hello World!"/>

那么问题来了,这些设置的属性值最终是怎么体现在视图上的呢?我们需要到TextView的源码中寻找答案:

public TextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        // ...
        final Resources.Theme theme = context.getTheme();
        TypedArray a = theme.obtainStyledAttributes(
                    attrs, com.android.internal.R.styleable.TextView, defStyleAttr, defStyleRes);
    for (int i = 0; i < n; i++) {
                int attr = a.getIndex(i);
                switch (attr) {      
                        // ...
                        // 读取到text属性的属性值
                        case com.android.internal.R.styleable.TextView_text:
                    textIsSetFromXml = true;
                    // 属性值是一个String类型的资源ID
                    mTextId = a.getResourceId(attr, ResourceId.ID_NULL);
                    // 从资源ID取得String
                    text = a.getText(attr);
                    break;
                        // ...
        }
    }
        // ...
}

总结一下,布局属性可以在布局文件中使用,代码中使用TypedArray读取属性值,最终作用在控件上。

控件属性 示意图

4. 样式属性

样式属性是另外一种用途广泛的属性,与控件属性结合使用可以打造主题化应用,巩固项目UI的可维护性。样式属性具有以下特点:

  • 使用<style>定义样式属性集合
  • 在布局文件中使用不生效
  • 可以被子样式覆盖

我们以AppCompat兼容库中定义的一个主题为例:

<attr format="color" name="colorAccent"/>

<style name="Base.V7.Theme.AppCompat" parent="Platform.AppCompat">
        // ...
        // 样式属性1
        <item name="colorAccent">@color/accent_material_dark</item>
        // ...
        // 样式属性2
        <item name="colorControlActivated">?attr/colorAccent</item>
        // ...
</style>
  • 样式资源本质上就是属性—属性值的键值对集合
  • 样式属性1:属性colorAccent—属性值@color/accent_material_dark
  • 样式属性2:属性colorControlActivated,对应的属性值引用了colorAccent的属性值,这是通过了语法?attr/colorAccent?表示在当前应用的主题中寻找属性,也就是引用主题下colorAccent属性的值

样式属性可以被子样式覆盖,比如:

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
</style>

可以看到,这是我们熟知的主题样式定制,我们修改了colorAccent属性的值,设置为自定义的@color/colorAccent,结果是所有引用了colorAccent属性的地方都被修改。

注意,样式属性在布局文件中是不生效的,比如以下布局并不会取得预期效果:

<TextView
        ...
        android:colorAccent="@android:color/white"/>

提示:一个属性可以同时被引用为控件属性和样式属性,比如textSize;也有的属性只是作为样式属性,比如colorAccent

样式属性 示意图

5. 属性值类型

前文提到,定义属性需要指定:属性名属性值类型,属性值类型可以分为资源类与特殊类

  • 资源类
属性值类型 描述 TypedArray
fraction 百分数 getFraction(...)
float 浮点数 getFloat(...)
boolean 布尔值 getBoolean(...)
color 颜色值 getColor(...)
string 字符串 getString(...)
dimension 尺寸值 getDimensionPixelOffset(…)
getDimensionPixelSize(...)
getDimension(...)
integer 整数值 getInt(...)
getInteger(...)
  • 特殊类
属性值类型 描述 TypedArray
flag 标志位 getInt(...)
enum 枚举值 getInt(…)等
reference 资源引用 getDrawable(...)等
  • fraction举例

    • 属性

      <declare-styleable name="RotateDrawable">
              // ...
              <attr name="pivotX" format="float|fraction" />
              <attr name="pivotY" format="float|fraction" />
              <attr name="drawable" />
      </declare-styleable>
      
    • 设置

      <?xml version="1.0" encoding="utf-8"?>
      <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
          android:pivotX="50%"
          android:pivotY="50%"
          android:drawable="@drawable/fifth">
      </animated-rotate>
      
    • 应用(RotateDrawable

      if (a.hasValue(R.styleable.RotateDrawable_pivotX)) {
              // 取出对应的TypedValue
              final TypedValue tv = a.peekValue(R.styleable.RotateDrawable_pivotX);
              // 判断属性值是float还是fraction
              state.mPivotXRel = tv.type == TypedValue.TYPE_FRACTION;
              // 取出最终的值
              state.mPivotX = state.mPivotXRel ? tv.getFraction(1.0f, 1.0f) : tv.getFloat();
      }
      

      pivotX支持float和fraction两种类型,因此需要通过TypedValue#type判断属性值的类型,分别调用TypedValue#getFraction()TypedValue#getFloat()

      getFraction(float base,float pbase)的两个参数为基数,最终的返回值是基数*百分数。举个例子,当设置的属性值为50%时,返回值为base*50%;当设置的属性值为50%p时,返回值为pbase*50%


6. 总结

  • 命名空间

    命名空间 描述
    android 原生框架
    app AppCompat兼容库
    项目或依赖库
    tools Android Studio
  • 属性分类

    属性 描述
    控件属性 <declare-styleable>
    样式属性 <style>
    Manifest属性 AndroidManifest

推荐阅读


参考


感谢喜欢!你的点赞是对我最大的鼓励!欢迎关注彭旭锐的简书!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容