Android 自定义View：深入理解自定义属性(七)

最新推荐文章于 2024-06-03 12:18:30 发布
最新推荐文章于 2024-06-03 12:18:30 发布
阅读量144 收藏
点赞数
文章标签： 移动开发
原文链接：https://juejin.im/post/5ccea9b7f265da039f0f22ef
版权

引言

对于自定义属性，遵循以下几步，就可以实现：

  1. 自定义一个CustomView(extends View 或者 ViewGroup )类
  2. 编写values/attrs.xml，在其中编写styleable和attr等标签元素
  3. 在布局文件中CustomView使用自定义的属性
  4. 在CustomView的构造方法中通过TypedArray获取

那么，我有几个问题,如果回答的很好，下面的文章就不用看了，可以跳过：

  • 以上步骤是如何奏效的？
  • styleable 的含义是什么？可以不写嘛？我自定义属性，我声明属性就好了，为什么一定要写个styleable呢？
  • 如果系统中已经有了语义比较明确的属性，我可以直接使用嘛？
  • 构造方法中的有个参数叫做AttributeSet（eg: CustomView(Context context, AttributeSet attrs)）这个参数看名字就知道包含的是参数的数组，那么我能不能通过它去获取我的自定义属性呢？
  • TypedArray是什么鬼？从哪冒出来的，就要我去使用？

自定义属性使用示例

  1. 自定义属性的声明文件如下：
    <?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CustomViewTest">
        <attr name="testText" format="string"/>
        <attr name="testInteger" format="integer"/>
    </declare-styleable>
</resources>
复制代码
  2. 自定义CustomView
    public class CustomView extends View {
    ···

    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomViewTest);

        String testText = a.getString(R.styleable.CustomViewTest_testText);
        int testInteger = a.getInteger(R.styleable.CustomViewTest_testInteger, 10);

        Log.e(TAG, "testText =" + testText + " ,testInteger=" + testInteger);
        a.recycle();
    }

   ···
}
复制代码
  3. 布局文件使用
    <?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
···
<!-- 自动查找属性  -->
xmlns:app="http://schemas.android.com/apk/res-auto"
">

<com.zeroxuan.customviewtest.CustomView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:testInteger="10086"
    app:testText="zeroXuan" />
</android.support.constraint.ConstraintLayout>
复制代码
  4. 运行结果如下：

注意:我的styleable的name写的是CustomViewTest，所以说这里并不要求一定是自定义View的名字。

AttributeSet 与 TypedArray

构造方法中的有个参数叫做AttributeSet（eg: MyTextView(Context context, AttributeSet attrs) ）这个参数看名字就知道包含的是参数的集合，那么我能不能通过它去获取我的自定义属性呢?

首先AttributeSet中的确保存的是该View声明的所有的属性，并且外面的确可以通过它去获取（自定义的）属性，怎么做呢？如下：

 public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);

        final int count = attrs.getAttributeCount();
        for (int i = 0; i < count; i++) {
            String attrName = attrs.getAttributeName(i);
            String attrValue = attrs.getAttributeValue(i);
            Log.e(TAG, "attrName= " + attrName + " ,attrValue=" + attrValue);
        }
    }
复制代码

输出：

咦，真的可以获得所有的属性。通过AttributeSet可以获得布局文件中定义的所有属性的key和value，那么是不是说TypedArray就可以抛弃了呢？答案是：NO,NO,No,重要的事，说三遍!。

TypedArray是什么？

  1. 现在简单修改一下布局文件为：
    <com.zeroxuan.customviewtest.CustomView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:testInteger="10086"
    app:testText="@string/my_name" />
复制代码
  2. 解析过程
    public CustomView(Context context, AttributeSet attrs) {
    super(context, attrs);

    final int count = attrs.getAttributeCount();
    for (int i = 0; i < count; i++) {
        String attrName = attrs.getAttributeName(i);
        String attrValue = attrs.getAttributeValue(i);
        Log.e(TAG, "attrName= " + attrName + " ,attrValue=" + attrValue);
    }

    Log.e(TAG, ">> Use TypedArray");
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomViewTest);

    String testText = a.getString(R.styleable.CustomViewTest_testText);
    int testInteger = a.getInteger(R.styleable.CustomViewTest_testInteger, 10);

    Log.e(TAG, "testText =" + testText + " ,testInteger=" + testInteger);
    a.recycle();
}
复制代码
  3. 运行结果

通过运行结果可以看出，使用AttributeSet获取的值，如果是引用都变成了@+数字的字符串。你说，这玩意你能看懂么？那么你看看最后一行使用TypedArray获取的值，是不是瞬间明白了。

TypedArray其实就是用来简化我们解析自定义属性工作的。比如上例，如果布局中的属性的值是引用类型，如果使用AttributeSet去获得最终的testText取值，那么需要第一步拿到id，第二步再去解析id。而TypedArray正是帮我们简化了这个过程。

如果通过AttributeSet获取最终的testText取值的过程如下：

//使用索引 3 ，是因为testText在CustomView中的索引是3
int resId=attrs.getAttributeResourceValue(3,-1);

Log.e(TAG, "attrName= "+getResources().getString(resId) );
复制代码

ok，现在别人问你TypedArray存在的意义，你就可以告诉他，TypedArray其实就是用来简化解析自定义属性工作流程的。

attr 和 declare-styleable的关系

首先要明确一点，attr不依赖于declare-styleable,declare-styleable只是为了方便attr的使用。

我们自己定义的属性完全可以不放到declare-styleable里面，比如直接在resources文件中定义一些属性：

<attr name="custom_attr1" format="string" />
<attr name="custom_attr2" format="string" />
复制代码

定义一个attr就会在R文件里面生成一个attr类型的资源Id，那么我们去获取这个属性时，必须调用如下代码：

int[] custom_attrs = {R.attr.custom_attr1,R.custom_attr2};
TypedArray typedArray = context.obtainStyledAttributes(set,custom_attrs);
复制代码

而通过定义一个declare-styleable，我们可以在R文件里自动生成一个int[]，数组里面的int就是定义在declare-styleable里面的attr的id。所以我们在获取属性的时候就可以直接使用declare-styleable数组来获取一系列的属性。

<declare-styleable name="custom_attrs">   
    <attr name="custom_attr1" format="string" />
    <attr name="custom_attr2" format="string" />
</declare-styleable>
复制代码

获取：

TypedArray typedArray = context.obtainStyledAttributes(set,R.styleable.custom_attrs);
复制代码

如果系统中已经有了语义比较明确的属性，我可以直接使用嘛？

答案是肯定的，可以使用，使用方式如下：

<declare-styleable name="test">
  <!-- 使用系统属性或者已经定义好的属性，不需要去添加format属性 -->
  <attr name="android:text" />

  <attr name="testAttr" format="integer" />
</declare-styleable>
复制代码

然后在类中这么获取：a.getString(R.styleable.CustomViewTest_android_text);布局文件中直接android:text="zeroXuan is my name"即可。

obtainStyledAttributes的详细说明

  1. obtainStyledAttributes(int[] attrs)：从当前系统主题中获取 attrs 中的属性,最终调用是
     public TypedArray obtainStyledAttributes(@StyleableRes int[] attrs) {
        return mThemeImpl.obtainStyledAttributes(this, null, attrs, 0, 0);
    }
复制代码
  2. obtainStyledAttributes(int resid, int[] attrs)：从资源文件中获取 attrs 中的属性。
     public TypedArray obtainStyledAttributes(@StyleRes int resId, @StyleableRes int[] attrs)
            throws NotFoundException {
        return mThemeImpl.obtainStyledAttributes(this, null, attrs, 0, resId);
    }
复制代码
  3. obtainStyledAttributes(AttributeSet set, int[] attrs)：从 layout 设置的属性中获取 attrs 中的属性。
    public final TypedArray obtainStyledAttributes(
        AttributeSet set, @StyleableRes int[] attrs) {
    return getTheme().obtainStyledAttributes(set, attrs, 0, 0);
}
复制代码
  4. obtainStyledAttributes(AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes)：下面细说。
     public final TypedArray obtainStyledAttributes(
        AttributeSet set, @StyleableRes int[] attrs, @AttrRes int defStyleAttr,
        @StyleRes int defStyleRes) {
    return getTheme().obtainStyledAttributes(
        set, attrs, defStyleAttr, defStyleRes);
}
复制代码

可以看出最终都是调用方法4，现在主要分析方法obtainStyledAttributes(AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes),其中这个方法的四个参数解释如下：

  • AttributeSet set: 一个和xml中的标签关联的存放属性的集合.
  • int[] attrs: 我们要在xml中读取的属性.
  • int defStyleAttr: 这是当前Theme中的包含的 一个指向style的引用.当我们没有给自定义View设置declare-styleable资源集合时,默认从这个集合里面查找布局文件中配置属性值.传入0表示不向该defStyleAttr中查找默认值.
  • int defStyleRes: 这个也是 一个指向Style的资源ID,但是仅在defStyleAttr为0或者defStyleAttr不为0但Theme中没有为defStyleAttr属性赋值时起作用.

这么说可能有点迷糊，来一个例子希望你能立马领悟！

  1. 首先自定义属性
    <?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CustomView">
        <attr name="testText1" format="string"/>
        <attr name="testText2" format="string"/>
        <attr name="testText3" format="string"/>
        <attr name="testText4" format="string"/>
        <attr name="testText5" format="string"/>
        <attr name="attr_defStyle" format="reference"/>
    </declare-styleable>
</resources>
复制代码
    其中attr_defStyle属性名，就是obtainStyledAttributes中的第三个参数。
  2. 定义Style和Theme
    <resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="attr_defStyle">@style/style_attr_defStyleAttr</item>
        <item name="testText1">testText1-declare in Theme</item>
        <item name="testText2">testText2-declare in Theme</item>
        <item name="testText3">testText3-declare in Theme</item>
        <item name="testText4">testText4-declare in Theme</item>
        <item name="testText5">testText5-declare in Theme</item>
    </style>

    <!-- 用来表示 defStyleRes-->
    <style name="style_defStyleRes">
        <item name="testText1">testText1-declare in style_defStyleRes</item>
        <item name="testText2">testText2-declare in style_defStyleRes</item>
        <item name="testText3">testText3-declare in style_defStyleRes</item>
        <item name="testText4">testText4-declare in style_defStyleRes</item>
    </style>

    <!-- 用来表示 attr_defStyleAttr 这个属性的值 -->
    <style name="style_attr_defStyleAttr">
        <item name="testText1">testText1-declare in style_attr_defStyleAttr</item>
        <item name="testText2">testText2-declare in style_attr_defStyleAttr</item>
        <item name="testText3">testText3-declare in style_attr_defStyleAttr</item>
    </style>

    <!--  直接在布局中的 style 中使用  -->
    <style name="style_CustomViewStyle">
        <item name="testText1">testText1-declare in style_CustomViewStyle</item>
        <item name="testText2">testText2-declare in style_CustomViewStyle</item>
    </style>

</resources>
复制代码
  3. 自定义View
    public class CustomView extends View {
    private static final String TAG = "CustomView";

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

    public CustomView(Context context, AttributeSet attrs) {
        //R.attr.attr_defStyle 就是defStyleRes
        this(context, attrs, R.attr.attr_defStyle);
    }

    public CustomView(Context context, AttributeSet attrs,
                      int defStyleAttr) {
        this(context, attrs, defStyleAttr, R.style.style_defStyleRes);
    }

    @TargetApi(21)
    public CustomView(Context context, AttributeSet attrs,
                      int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        TypedArray a = context
                .obtainStyledAttributes(attrs, R.styleable.CustomView, defStyleAttr, defStyleRes);

        String text1 = a.getString(R.styleable.CustomView_testText1);
        String text2 = a.getString(R.styleable.CustomView_testText2);
        String text3 = a.getString(R.styleable.CustomView_testText3);
        String text4 = a.getString(R.styleable.CustomView_testText4);
        String text5 = a.getString(R.styleable.CustomView_testText5);

        Log.e(TAG, "text1== " + text1);
        Log.e(TAG, "text2== " + text2);
        Log.e(TAG, "text3== " + text3);
        Log.e(TAG, "text4== " + text4);
        Log.e(TAG, "text5== " + text5);
        a.recycle();
    }
}
复制代码
  4. 布局界面
    <com.zeroxuan.customviewtest.CustomView
    style="@style/style_CustomViewStyle"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:testText1="Direct declare in XML" />
复制代码
  5. 运行结果

调用顺序

  1. 优先，取在布局中给定的值
  2. 次之，取在布局中设置的style中的值
  3. 其次，从defStyleAttr和defStyleRes中取值，注意如果 defStyleAttr有值，则不再去defStyleResult中的值，就算defStyleAttr有的属性没有赋值。（具体看上面的打印结果）
  4. 最后使用，Theme中设置的属性

注意 defStyleAttr的值一定要在Theme中设置才有效果，就拿上面的例子说，如果你没有在Theme中给R.attr.attr_defStyle赋值，而是直接在布局文件中赋值，这样做是没有效果的。

@ 和？符号的引用区别

@ 与 ? 符号的引用在使用时都有一个规范的格式：“@[+][package:]type:name”，“?[package:][type:]name”。可以看到，二者均包含引用符号、资源所属的包、资源类型和资源名称。

@

@ 符号用于引用系统和我们在项目中添加的一些固有资源（drawable，string 等），或者定义的 style 样式。比如：

android:text="@string/app_name"
复制代码

这里的 app_name 就是我们自己定义在项目文件 values/strings.xml 中的字符串资源。

android:text="@android:string/cancel"
复制代码

而这里的cancel属于Android SDK中的系统字符串资源，所以需要添加 @android: 来指明引用来源。android: 是 package:的一个具体实例。

?

?符号用于引用当前主题中定义的一些属性值。

注意，? 符号通过属性名字间接引用当前主题中的对应属性值，而不是属性本身。

举个例子：

android:divider="?android:listDivider"
复制代码

这里的 ? 符号通过属性名 android:listDivider 间接获取当前主题赋予该属性的值。如同 @android: 一般，?android: 表示该值源自 Android SDK 系统属性。由于在当前主题中寻找对应属性名的值，所以没有指定属性类型，其实等同于：?android:attr/listDivider。

那如何引用项目中自定义的属性呢？

我们在 attrs.xml 中定义一个属性，如：

<declare-styleable name="CustomTextView">
    <attr name="colorTextCustom" format="reference|color"/>
</declare-styleable>
复制代码

显然，此时我们定义的 colorTextCustom 属性是没有值的，直接引用没有任何作用。需要在主题 style 中赋值：

<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorTextCustom">#FF0000</item>
</style>
<style name="AppTheme" parent="BaseTheme">
    <item name="android:textColor">?colorTextCustom</item>
</style>
复制代码

可以看到，这里在BaseTheme中对colorTextCustom属性赋值，并在 AppTheme中通过“?colorTextCustom” 引用该属性值。由于是本地项目中定义的属性，所以没有添加 android: 命名空间。其实，这种做法的好处是，AppTheme所覆盖的 View 均可通过构造函数获取当前主题中的 colorTextCustom 属性值。

？引用属性写法：

引用自定义属性：?attr/colorPrimary 简写：?colorPrimary

引用系统属性：?android:attr/colorPrimary 简写：?android:colorPrimary

其中，自定义属性会复写系统属性

目录结构

weixin_33755649
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 自定义view及自定义属性
04-28
android 自定义view及自定义属性
Android自定义View实例：深度剖析 水晶/水滴 波浪球 实现步骤详解
03-25
总之，理解并掌握自定义View的绘制原理和最佳实践，是每个Android开发者必备的技能。通过学习和实践“水晶/水滴 波浪球”的实现，你不仅可以提升自己的编程能力，还能为你的应用增添独特的魅力。
Android 自定义View (一)
weixin_30521161的博客
04-21 2338
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/24252901 很多的Android入门程序猿来说对于Android自定义View，可能都是比较恐惧的，但是这又是高手进阶的必经之路，所有准备在自定义View上面花一些功夫，多写一些文章。先总结下自定义View的步骤： 1、自定义View的属性 2、在View的构造方...
Android --- 自定义View的三种实现方式及自定义属性使用介绍
最新发布
梁同学与Android
06-03 1383
我们在使用Android原生控件的时候，经常可以看到在布局文件中可以设置很多的属性值，如
android自定义view之自定义属性
weixin_33711641的博客
03-08 118
这两天在Android中用到了自定义view，在自定义view时也顺便使用了下自定义属性。自定义属性以前只是耳闻 未曾谋面，这次借机会对自定义属性进行了一番学习，顺便总结了一下自定义属性的使用。 下面扫盲班老司机要开车了，小白快刷卡上车，大神拒载。 老司机 Android中经常用到自定义view，...
【Android View】自定义属性
dev晴天的博客
02-28 1681
在自定义view过程中有时为了方便需要自定义属性，本篇就来总结回顾下这个知识点。
Andorid 自定义 View - 自定义属性基础
teletian的专栏
07-10 681
当我们自定义 View 的时候，至少要定义两个构造函数。 第二个构造函数中的参数 attrs 可以获取在 xml 中添加的属性的值。 系统已经给我们定义了以下属性，可以在 sdk/platforms/android-xx/data/res/values/attrs.xml 中找到。我们也可以自定义属性。 declare-styleable 定义属性分组，名称一般和自定义 View 的名称一样。在 R 文件中就会生成 styleable 类。里面包含所有属性。 attr 定义或者声明属性。注意，这边有两种方式
Android 自定义view和属性动画实现充电进度条效果
09-01
在Android开发中，自定义View和属性动画是创建复杂、个性化UI效果的重要工具。本案例中，我们将讨论如何使用这两种技术实现一个充电进度条的动画效果。首先，我们需要理解自定义View的基本流程。 自定义View通常...
Android 自定义View步骤
01-04
1 良好的自定义View 易用，标准，开放。 一个设计良好的自定义view和其他设计良好的类很像。封装了某个具有易用性接口的功能组合，这些功能能够有效地使用CPU和内存，并且十分开放的。但是，除了开始一个设计良好...
Android自定义View控件实现刷新效果
01-05
三种得到LinearInflater的方法 a. LayoutInflater inflater = getLayoutInflater(); b....(LayoutInflater)context.getSystemService (Context.LAYOUT_INFLATER_SERVICE); c....onDraw 方法绘图，invalidate刷新界面。...
Android 自定义View结合自定义TabLayout实现顶部标签滑动效果
08-27
Android 自定义 View 结合自定义 TabLayout 实现顶部标签滑动效果 Android 自定义 View 结合自定义 TabLayout 可以实现顶部标签滑动效果，这是一种常见的 UI 布局方式，尤其是在移动应用程序中。在本文中，我们将...
Android自定义View和自定义属性
我是一名程序媛
10-13 477
Android自定义View和自定义属性 虽然Android给我们提供了很多现成的视图控件，但是有时候我们也需要使用到比较复杂的视图组件。这时候基本的控件是无法满足我们的需求的，所以需要进行自定义。例如，我们的app中经常需要header，header中可能有返回按钮，可能有设置按钮。如何方便的、灵活的配置我们的header，这便是本文要讲解的内容啦~
Android自定义View 之自定义属性
lidongxiu0714
03-28 5892
1 自定义属性值 自定义view的起步是自定义属性，并且正确的读取属性。 在res/values/attrs.xml的文件中创建属性： <declare-styleable name="ViewDemoAttr35"> <attr name="string35" format="string"/> <attr name="bool...
Android自定义View之自定义属性
fly_Xiaoma的博客
12-03 723
在Android开发中经常会用到自定义View的情况，而在自定义View时，自定义属性是必须用到的。 1、新建一个自定义View如CustomView 它的自定义属性主要是通过declare-styleable标签为其配置自定义属性。具体做法是：在res/values/目录下增加一个resources xml文件，示例如下（res/values/attrs.xml）（属性值如字体、颜色、大小等...
android 自定义view属性
a22422931的博客
12-06 323
我们在使用android xml 布局的时候，用到的都是android 给我们定义好的view属性， 那大家有没想过自己是否可以定义view的属性呢？ 这个答案肯定是可以的。 今天我就带大家来完成一下android 自定义view属性。     自定义属性可分为3步。      第一步：属性xml的创建。      第二步：UI布局对属性的引用。      第三步：java代码中对属性
android view自定义属性,Android自定义view属性
weixin_34951416的博客
05-27 320
android自带的view都有自己的属性如android:id="@+id/myView"android:layout_width="200dp"android:layout_height="550dp"android:focusable="true"android:clickable="true"但是我们自己定义的view是否能添加属性呢？答案是可以的。下面直接进入主题：第一步：在res/va...
android自定义view的自定义属性
aotian16的专栏
06-24 494
在android自定义view中， 可以使用自定义的属性来扩展功能。
【android自定义控件】自定义View属性
猫的阁楼
08-05 1839
1、自定义View的属性 2、在View的构造方法中获得我们自定义的属性 3、重写onMesure 4、重写onDraw 3这个步骤不是必须，当然了大部分情况下还是需要重写的。 1、自定义View的属性，首先在res/values/  下建立一个attrs.xml ， 在里面定义我们的属性和声明我们的整个样式。
Android自定义View：用属性动画实现打钩动画
"Android自定义View实现打钩动画功能" 在Android开发中，自定义View是一个常见的需求，它允许开发者创建具有独特视觉效果和交互的组件。本文将详细介绍如何实现一个具有打钩动画功能的自定义View，并对原有实现进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值