Android笔记之View XML属性自定义

最新推荐文章于 2022-06-24 05:30:00 发布
最新推荐文章于 2022-06-24 05:30:00 发布
阅读量455 收藏 1
点赞数
分类专栏： Android ViewSystem
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014453493/article/details/51602064
版权

1, 简介

  一般来说，我们进行自定义View，但除非使用Android 原生的 XML属性，我们想添加自定义的XML属性来扩展自定义View的复用性。

2, 实现流程

  1. 编写 values/attrs.xml， 在其中进行编译 styleable 和 item 等标签元素；
  2. 自定义一个CustomView类（继承View或者其子类）；
  3. 在布局文件中使用CustomView进行布局并使用自定义的属性（注：xmlns(XML命名空间)）；
  4. 在 CustomView的构造方法中通过 TypedArray获取；

3, 实现Damo

a) values/attrs.xml: 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="steven">
        <attr name="text" format="string" />
        <attr name="testAttr" format="integer" />
    </declare-styleable>
</resources>

b) 布局文件 main.xml

<?xml version="1.0" encoding="utf-8"?>
<!--com.example.yufen.learnapplication为-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:zyf="http://schemas.android.com/apk/res/com.example.yufen.learnapplication"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--注： xmlns:zyf="http... 为 XML命名空间，必须添加；com.example.yufen.learnapplication则为该应用程序的Package Name；但Android Studio推荐统一使用：  xmlns:zyf="http://schemas.android.com/apk/res-auto"-->
    <com.example.yufen.learnapplication.MyTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        zyf:testAttr="520"
        zyf:text="HelloWord"/>
</LinearLayout>

c) 自定义View：

package com.example.yufen.learnapplication;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.widget.TextView;
/**
 * Created by Yufen on 2016/6/6.
 */
public class MyTextView extends TextView {
    public MyTextView(Context context) {
        super(context);
    }

    public MyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        //将steven的styleable的属性的值进行统一读取出来
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.steven);
        //steven_testAttr为 styleable的名字 + _  + 自定义属性的名字
        int textAttr = ta.getInteger(R.styleable.steven_testAttr, -1);
        String text = ta.getString(R.styleable.steven_text);
        setText("text = " + text + " , textAttr = " + textAttr);
         //释放回收
        ta.recycle();
    }

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

4, AttributeSet与TypedArray

  AttributeSet中保存的是该View声明的所有的属性，并且外面的确可以通过它去获取（自定义的）属性; 

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

  但如果 布局是这样定义时（android:layout_height=”@dimen/dp200”）， AttributeSet中获取的值 为 @2131165235， 我们则需要下面的才能读取其值：

int widthDimensionId =  attrs.getAttributeResourceValue(0, -1);
Log.e("yufen", "layout_width="+getResources().getDimension(widthDimensionId));

而我们可直接通过 TypedArray来简捷读取内容：

TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.steven);
int textAttr = ta.getInteger(R.styleable.steven_testAttr, -1);
String text = ta.getString(R.styleable.steven_text);

总结：AttributeSet 的作用就是在控件进行初始化的时候，解析布局文件中该控件的属性（key eg：background）与该值（value eg：@drawable/icon）的信息封装在AttributeSet中，传递给该控件（View）的构造函数。对于非Android自带的属性，在View类中处理时是无法识别的，因此需要我们自己解析。所以这就要用到另外一个类TypedArray。在AttributeSet中我们有属性名称，有属性值，但是控件如何知道哪个属性代表什么意思呢？这个工作就由TypedArray来做了。TypedArray对象封装了/values/attrs.xml中的styleable里定义的每个属性的类型信息，通过TypedArray我们就可以知道AttributeSet中封装的值到底是干什么的了，从而可以对这些数据进行应用。

5, Declare-styleable用法

  1) Declare-styleable用法详解请直接参考： Android 自定义属性用法详解
  2) Damo:
a) attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="steven">
        <!--字符串-->
        <attr name="text" format="string" />
        <!--整型值-->
        <attr name="testAttr" format="integer" />
        <!--参考某一资源ID-->
        <attr name="my_backgroud" format="reference" />
        <!--颜色值-->
        <attr name="my_textColor" format="color" />
        <!--布尔值-->
        <attr name="my_clickable" format="boolean" />
        <attr name="my_width" format="dimension" />
        <!--浮点值-->
        <attr name="my_alpha" format="float" />
        <!--百分数-->
        <attr name="my_pivotX" format="fraction" />
        <!--枚举值-->
        <attr name="my_orientation" >
            <enum name="horizontal" value="0" />
            <enum name="vertical" value="1"/>
        </attr>
        <!--位或运算-->
        <attr name="my_windowSoftInputMode">
            <flag name = "stateUnspecified" value = "0" />
            <flag name = "stateUnchanged" value = "1" />
            <flag name = "stateHidden" value = "2" />
            <flag name = "stateAlwaysHidden" value = "3" />
            <flag name = "stateVisible" value = "4" />
            <flag name = "stateAlwaysVisible" value = "5" />
            <flag name = "adjustUnspecified" value = "0x00" />
            <flag name = "adjustResize" value = "0x10" />
            <flag name = "adjustPan" value = "0x20" />
            <flag name = "adjustNothing" value = "0x30" />
        </attr>
    </declare-styleable>
</resources>

b) main.xml

<?xml version="1.0" encoding="utf-8"?>
<!--com.example.samsung.learnapplication为-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:zyf="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!---->
    <com.example.yufen.learnapplication.MyTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        zyf:text="HelloWord"
        zyf:testAttr="520"
        zyf:my_backgroud="@drawable/send_music_thumb"
        zyf:my_textColor="#F5F5F5"
        zyf:my_clickable="true"
        zyf:my_width="200dp"
        zyf:my_alpha="0.9"
        zyf:my_pivotX="65%"
        zyf:my_orientation="horizontal"
        zyf:my_windowSoftInputMode="stateAlwaysHidden|stateAlwaysVisible|adjustNothing"
        />
</LinearLayout>

c) 自定义View 解析自定义属性值 ：

package com.example.yufen.learnapplication;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.TextView;

/**
 * Created by Yufen Zhi on 2016/6/6.
 */
public class MyTextView extends TextView {
    public MyTextView(Context context) {
        super(context);
    }

    public MyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        //
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.steven);
        //steven_testAttr为 styleable的名字 + _  + 自定义属性的名字
        int textAttr = ta.getInteger(R.styleable.steven_testAttr, -1);
        String text = ta.getString(R.styleable.steven_text);
        Drawable drawable = ta.getDrawable(R.styleable.steven_my_backgroud);
        int color  = ta.getColor(R.styleable.steven_my_textColor, 0xFFFFF);
        boolean clickable = ta.getBoolean(R.styleable.steven_my_clickable, false);
        float  width = ta.getDimension(R.styleable.steven_my_width, 0);
        float alpha = ta.getFloat(R.styleable.steven_my_alpha, 0.0f);
        float pivotX = ta.getFraction(R.styleable.steven_my_pivotX, 1, 1, 0);
        int orientation = ta.getInteger(R.styleable.steven_my_orientation, -1);
        int windowSoftInputMode = ta.getInteger(R.styleable.steven_my_windowSoftInputMode, 0);
        String windowSoftInputMode_string = ta.getString(R.styleable.steven_my_windowSoftInputMode);
        //释放回收
        ta.recycle();

        Log.d("yufen","text = " + text + ", textAttr = " + textAttr + ", drawable = " + drawable + ", color= " + color +  ", clickable = " + clickable + ", width = " + width  + ",alpha = " + alpha + ", pivotX = " + pivotX  + ", orientation = " + orientation + ", windowSoftInputMode = " + windowSoftInputMode + ", windowSoftInputMode_string = " + windowSoftInputMode_string);
    }
}

d) 得到的结果为： 

06-07 13:49:55.561 21946-21946/? D/yufen: text = HelloWord, textAttr = 520, drawable = android.graphics.drawable.BitmapDrawable@301ef41, color= -657931, clickable = true, width = 700.0,alpha = 0.9, pivotX = 0.65, orientation = 0, windowSoftInputMode = 55, windowSoftInputMode_string = 0x37

特别要注意： 属性定义时可以指定多种类型值。

<declare-styleable name = "名称">
    <attr name = "background" format = "reference|color" />
</declare-styleable>
Steven_ZYF
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【我的Android进阶之旅】解决Android Studio在XML中使用自定义View输入自定义属性的时候没有任何提示的问题
字节卷动
08-16 5381
一、问题描述 这两天公司的一个年轻的小伙子在维护历史的自定义控件库的时候，发现之前开发这个自定义控件库的人员写的自定义控件，Android Studio开发的时候，在XML布局文件中无法自动提示出自定义属性，需要自己去看代码了解这个自定义控件有哪些自定义属性，然后手动的copy和paste代码。太恶心了！ 经过一段时间的排查，发现之前的开发人员自定义控件的自定义属性的declare-style...
Android自定义View读取XML属性详解
RickyXE
04-20 7281
今天研究了一下自定义View中XML属性的解析。首先，我们在声明自定义View时，会直接声明构造函数：public XCustomView(Context context, AttributeSet attrs)构造函数接受了一个context变量和一个attrs变量，我们使用attrs就可以解析XML属性了。 这里通常使用的方法是声明一个TypedArray变量，通过context.obtain
android 定义属性,Android之自定义属性
weixin_30095015的博客
05-26 367
有些时候会觉得Android中提供的控件不能满足项目的要求，所以就会常常去自定义控件。自定义控件就不免会自定义属性。自定义属性大致需要三个步骤：在XML文件中定义自定义属性的名称和数据类型、在布局中调用自定义属性、在代码中获取自定义属性。下面来详细的解析一下这三个步骤。一、在XML文件中定义自定义属性的名称和数据类型在项目的res/values文件夹下新建一个attrs.xml的文件，在文件中设置...
Android学习笔记：自定义View之手写签名
Kabun.M
01-12 2530
其实，手写签名，说白了就是画图。 我们先上一小小部分代码，最简朴无华的代码，功能就一个，让你可以手指为笔，屏幕作画板，挥洒豪情
android自定义控件用xml赋值,笔记 ，Android 应用_Res_ 自定义控件XML 参数
weixin_36434922的博客
05-25 245
自定义参数：步骤一：在res/values 下， 新建styles.xml 文件，定义参数步骤二：在 ____View中，获取XML中传入的参数………………public MultiColumnListView(Context context, AttributeSet attrs, int defStyle) {TypedArray a = getContext().obtainStyledAtt...
Android修行手册之Kotlin - 自定义View的几种写法
空名先生
06-24 3948
这是小空坚持写的Android新手向系列，欢迎品尝。大佬（√）新手（√√√）使用Kotlin还不是很习惯，记录笔记。 有三种方式推荐，注意前两个构造参数是this，而不是super 或者 😜方式二 其他一个参数和三个参数的不可行 😜方式三 前提是需要先将工程的build中配置好kotlin的插件。 👉其他 温馨提示：点击下方卡片获取更多意想不到的资源。...
Android笔记自定义View之制作表盘界面
加油，向未来！
11-02 3093
前言       最近我跟自定义View杠上了，甚至说有点上瘾到走火入魔了。身为菜鸟的我自然要查阅大量的资料，学习大神们的代码，这不，前两天正好在郭神在微信公众号里推送一片自定义控件的文章——一步步实现精美的钟表界面。正适合我这种菜鸟来学习，闲着没事，我就差不多依葫芦画瓢也写了一个自定义表盘View，现在纯粹最为笔记记录下来。先展示下效果图： 下面进入正题 自定义表盘属性
android学习笔记-自定义View的属性
昕哇的专栏
12-07 567
在平时我们自定义view视图的时候，有时候需要根据不同的属性来改变我们布局，这样就相当做成一个像系统控件那样的模板一样，可以重复使用，就需要通过自定义属性来实现。接下来我们通过一个实例来说明。 这个例子其实是做了一个模仿actionbar的一个模板，可以动态修改这个模板的布局，左右边的按钮都可以选择隐藏，也可以修改上面的文字的大小与背景接下来开始实现1.定义属性为一个view提供一个可自定义的属性只
[Android 自定义 View] 自定义属性你真的理解吗？
大圣代的技术专栏
08-12 390
想必很多同学都已经对于自定义属性使用的得心应手了，但是有一些细节你真的知道吗？比如 AttributeSet、TypedArray 、declare-styleable 这些类和标签的内容你都清楚吗，在获取自定义属性的时候为什么要用 ```java Context.obtainStyledAttributes(AttributeSet, R.styleable.XXXX); ``` 方法呢？所有的答案都会在这篇文章里
《Android 群英传》读书笔记 自定义 View 之对现有控件进行拓展
11-12
总的来说，《Android群英传》中的"自定义View之对现有控件进行拓展"章节，通过实例MyTextView向读者展示了如何通过编程实现独特的用户界面元素。这个过程涉及到了Android图形绘制、事件处理、属性扩展等多个核心概念...
Android自定义控件之开关按钮学习笔记分享
09-02
本篇笔记主要关注的是如何创建一个自定义的开关按钮，这个过程涉及到对View的继承、自定义属性的设置以及图形绘制。 首先，创建自定义开关按钮的关键在于理解其基本构成。开关按钮通常由两部分组成：背景图片和滑动...
android自定义View之NotePad出鞘记
04-25
8. **样式和主题**：自定义View也可以接受属性，这些属性可以设置在XML布局中，通过`attr.xml`定义，然后在`setAttributes(AttributeSet attrs)`方法中解析。 9. **交互设计**：NotePad视图可能会包含多种交互元素...
Android自定义控件之组合控件学习笔记分享
09-02
接下来，为了能够通过XML属性动态设置控件的图片和文本，我们需要在`values`目录下创建`attrs.xml`文件，定义自定义属性。这里定义了两个属性：`src`用于设置图片资源，`text`用于设置文本： ```xml ...
《Android 群英传》读书笔记：自定义 View -- 比例图
11-20
在Android开发中，自定义View是一项重要的技能，它允许开发者根据特定需求创建独特且功能丰富的UI组件。《Android群英传》中关于自定义View的章节深入探讨了如何构建一个比例图，即CircleProgressTest，这是一个展示...
Android笔记之ConnectivityManager
Steven_ZYF
11-20 3819
Android笔记之ConnectivityManager 概念 ConnectivityManager   ConnectivityManager主要用于管理与网络连接相关的操作用于查询网络连接状态，当网络状态发生改变时通知应用。   通过调用Context.getSystemService(Context.CONNECTIVITY_SERVICE)。 Connectivity
Android笔记之飞行模式
Steven_ZYF
10-16 2552
Android笔记之飞行模式 [系统应用]核心代码： boolean isEnabled = Settings.System.getInt(getContentResolver(), Settings.System.AIRPLANE_MODE_ON, 0) == 1; Settings.System.putInt(getContentResolver(),Settings.System.A
常见的 Android Studio问题
Steven_ZYF
07-09 918
Q: XML布局的Preview不小心按掉了，现在重新显示出来？  A: Android Studio的功能包含preview窗口, 可以查看布局(layout)的样式;（打不开之类的问题）    具体位置: view->Tool Windows->Preview, 可以显示preview窗口;    解决网址： http://www.ddvip.com/tech/1000136841.
Android 音视频的播放
Steven_ZYF
10-12 319
在Android中，播放各类音视频流最简单的方式就是使用 android.media.MediaPlayer对象。基本编码模式如下： MediaPlayer mMediaPlayer = new MediaPlayer(); //设置需要播放的文件 mMediaPlayer.setDataSource(mMediaFile); //播放扩展存储器中的音视频文件 mMediaPlayer.set
精通Android开发：新版教程与笔记详解
“新版Android开发教程&笔记，适合初学者和进阶者，讲解Android手机编程，推动3G互联网时代的知识宝典。” 在Android开发领域，了解其基础知识至关重要。Android是一种开源的操作系统，由开放手机联盟（Open ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值