Android学习之自定义属性及TypedArray的用法

来源：互联网发布：clip studio mac 破解编辑：程序博客网时间：2024/06/06 04:27

一、背景说明：

在xml 文件里定义控件的属性，我们用的最多的是 Android系统自带的属性如：

<ImageView            android:id="@+id/iv_icon"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:contentDescription="@null"            android:src="@drawable/ic_ms_quick_order" />

这里小吕将自我学习与分享如何自定义属性<通常在自定义控件中会被使用到>，在xml布局文件中如：

<!-- 搜索 -->     <com.ice.view.menubutton.MyMenuButton         xmlns:ice="http://schemas.android.com/apk/res/com.ice.view.menubutton"        android:id="@+id/btn_search"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        ice:menuIcon="@drawable/ic_ms_search"        ice:menuText="@string/ms_search"        ice:textSize="14sp"        ice:textColor="@color/orange"         ice:btnCode="search" />

说明：1. 上面的MyMenuButton 是我自定义的一个菜单按钮控件 <图片和文字的组合控件>。

2. xmlns:ice=http://schemas.android.com/apk/res/com.ice.view.menubutton

是我自定义的命名空间命名空间的名字可以自己随便定义，这里我定义的是ice 及 xmlns:ice 。

注意：
后面的地址则有限制，

其开始必须为："http://schemas.android.com/apk/res/"，后面则是包名com.ice.view.menubutton，

此处的包名与AndroidManifest.xml中

<manifest>节点的属性package="com.ice.view.menubutton"一致，不是自定义控件Java代码所在的包。

3. menuIcon / menuText / textSize / textColor / btnCode 就是我自定义的属性。

<只针对自定义控件 MyMenuButton有效>。

二、关于该自定义控件的开发和xml布局文件的配置大致步骤如下：

1、首先在res/values 文件下定义一个attrs.xml 文件.定义控件的自定义属性集合代码如下:

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name ="MyMenuButton">        <!-- 图标 -->        <attr name="menuIcon" format="reference" />        <!-- 文字 -->        <attr name="menuText" format="reference" />        <!-- 文字大小 -->        <attr name="textSize" format="dimension" />        <!-- 字体颜色 -->        <attr name="textColor" format="color" />        <!-- 页面编号 -->        <attr name="btnCode">            <flag name="quickOrder" value="0"></flag>            <flag name="orderManager" value="1"></flag>            <flag name="favorite" value="2"></flag>            <flag name="search" value="3"></flag>        </attr>       </declare-styleable>    </resources>

说明： 1.declare-styleable 是定义自定义属性集合名称的节点元素

2.format可选项

"reference"//引用
"color"//颜色
"boolean"//布尔值
"dimension"//尺寸值
"float"//浮点值
"integer"//整型值
"string"//字符串
"fraction"//百分数,比如200%

3．元素节点 attr 定义各自定义属性名称 format用来定义属性值的类型值，可以指定多种类型值如：

4.枚举值，格式如下：
<attrn ame="orientation">
<enum name="horizontal" value="0" />
<enum name="vertical" value="1" />
</attr>
xml中使用时：
android:orientation= "vertical"

5.标志位，位或运算，格式如下：

<!-- 页面编号 -->        <attr name="btnCode">            <flag name="quickOrder" value="0"></flag>            <flag name="orderManager" value="1"></flag>            <flag name="favorite" value="2"></flag>            <flag name="search" value="3"></flag>        </attr>

Xml中使用时：

ice:btnCode="search"

2.在res/layout文件下新建自定义控件的xml布局文件：ms_menu_button.xml 代码如下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="wrap_content" >    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:gravity="center_horizontal"        android:orientation="vertical"         android:background="@null" >                <!-- 图标 -->        <ImageView            android:id="@+id/iv_icon"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:contentDescription="@null"            android:src="@drawable/ic_ms_quick_order" />        <!-- 文字 -->        <TextView            android:id="@+id/tv_text"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/ms_quick_order" />            </LinearLayout></RelativeLayout>

3.自定义控件java类：MyMenuButton.java <核心代码>

package com.ice.view.menubutton;import android.content.Context;import android.content.res.TypedArray;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.widget.ImageView;import android.widget.RelativeLayout;import android.widget.TextView;/** * 自定义 菜单按钮 * @author ice * */public class MyMenuButton extends RelativeLayout {private static final String TAG = "MyMenuButton";RelativeLayout relativeLayout;ImageView iv_icon;TextView tv_text;private Drawable menuIcon;private CharSequence menuText;private float textSize;private int textColor;private int btnCode;private static final int PAGE_CODE_QUICK_ORDER = 0;  // 快速订单private static final int PAGE_CODE_ORDER_MANAGER = PAGE_CODE_QUICK_ORDER + 1;   // 订单管理private static final int PAGE_CODE_FAVORITE = PAGE_CODE_ORDER_MANAGER + 1;    // 我的收藏private static final int PAGE_CODE_SEARCH = PAGE_CODE_FAVORITE + 1;   // 快速查找public MyMenuButton(Context context) {this(context,null);}public MyMenuButton(Context context, AttributeSet attrs) {this(context, attrs, 0);}public MyMenuButton(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);Log.d(TAG, "自定义组件构造方法MyMenuButton(...)  invoke");// 获取所有自定义属性组TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyMenuButton, defStyle, 0);// 获取自定义组件所在布局文件中的自定义属性值menuIcon = typedArray.getDrawable(R.styleable.MyMenuButton_menuIcon);menuText = typedArray.getText(R.styleable.MyMenuButton_menuText);// 设置当没有设置textSize属性值时    默认字体大小为14px   注意这里的单位是pxtextSize = typedArray.getDimension(R.styleable.MyMenuButton_textSize, 14);textColor = typedArray.getInt(R.styleable.MyMenuButton_textColor, 0XFFFFFFFF);btnCode = typedArray.getInt(R.styleable.MyMenuButton_btnCode, PAGE_CODE_QUICK_ORDER);relativeLayout = (RelativeLayout) LayoutInflater.from(context).inflate(R.layout.ms_menu_button, this, true);// TypedArray 通常最后调用 .recycle() 方法，为了保持以后使用该属性一致性！typedArray.recycle();}/**     * 当View中所有的子控件均映射成XML后触发  */@Overrideprotected void onFinishInflate() {super.onFinishInflate();Log.d(TAG, "onFinishInflate invoke");iv_icon = (ImageView) relativeLayout.findViewById(R.id.iv_icon);tv_text = (TextView) relativeLayout.findViewById(R.id.tv_text);iv_icon.setImageDrawable(menuIcon);tv_text.setText(menuText);tv_text.setTextColor(textColor);tv_text.setTextSize(textSize);Log.d(TAG, "menuText: "+menuText+" | textSize: "+textSize);this.setOnClickListener(new OnClickEvent());}class OnClickEvent implements OnClickListener{@Overridepublic void onClick(View v) {switch (btnCode) {case PAGE_CODE_QUICK_ORDER:Log.d(TAG, "快速下单MenuButton被点击");break;            case PAGE_CODE_ORDER_MANAGER:            Log.d(TAG, "订单管理MenuButton被点击");break;            case PAGE_CODE_FAVORITE:            Log.d(TAG, "我的收藏MenuButton被点击");            break;            case PAGE_CODE_SEARCH:            Log.d(TAG, "搜索MenuButton被点击");            break;}}}}

4.测试展示Activity:MainActivity.java 代码如下：

package com.ice.view.menubutton;import android.app.Activity;import android.os.Bundle;import android.util.Log;public class MainActivity extends Activity {private static final String TAG = "MainActivity";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);Log.d(TAG, "Before setContentView()...");setContentView(R.layout.activity_main);Log.d(TAG, "After setContentView()...");}}

5.测试展示布局文件：activity_main.xml 代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:background="@drawable/bg_ms_menu"    android:gravity="bottom"    android:orientation="horizontal"    android:paddingLeft="10dp"    android:paddingRight="10dp" >    <!-- 快速下单 -->    <com.ice.view.menubutton.MyMenuButton         xmlns:ice="http://schemas.android.com/apk/res/com.ice.view.menubutton"        android:id="@+id/btn_quick_order"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        ice:menuIcon="@drawable/ic_ms_quick_order"        ice:menuText="@string/ms_quick_order"        ice:textColor="@android:color/black"         ice:btnCode="quickOrder"/>             <!-- 订单管理 -->     <com.ice.view.menubutton.MyMenuButton         xmlns:ice="http://schemas.android.com/apk/res/com.ice.view.menubutton"        android:id="@+id/btn_order_manager"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        ice:menuIcon="@drawable/ic_ms_order_manager"        ice:menuText="@string/ms_order_manager"        ice:textColor="@color/green"         ice:btnCode="orderManager" />          <!-- 我的收藏 -->     <com.ice.view.menubutton.MyMenuButton         xmlns:ice="http://schemas.android.com/apk/res/com.ice.view.menubutton"        android:id="@+id/btn_my_favorite"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        ice:menuIcon="@drawable/ic_ms_my_favorite"        ice:menuText="@string/ms_my_favorite"        ice:textColor="@color/red"         ice:textSize="14px"        ice:btnCode="favorite" />          <!-- 搜索 -->     <com.ice.view.menubutton.MyMenuButton         xmlns:ice="http://schemas.android.com/apk/res/com.ice.view.menubutton"        android:id="@+id/btn_search"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        ice:menuIcon="@drawable/ic_ms_search"        ice:menuText="@string/ms_search"        ice:textSize="14sp"        ice:textColor="@color/orange"         ice:btnCode="search" />       </LinearLayout >

6.运行效果：

--------------》哈哈这里搜索menuButton怎么那么另类呢、呵呵这是小吕故意的详细请看activity_main.xml和MyMenuButton.java代码说明。

7.点击自定义菜单控件后台日志信息如下：

说明：这里我们可以看到自定义组件、onFinishInflate()方法的运行情况。

最后附上本篇源码地址：http://download.csdn.net/detail/l416112167/7549299

0 0

Android学习之 自定义属性及TypedArray的用法

Android学习之自定义属性及TypedArray的用法