参考了网上资料,搞清三个问题:
1. 如何定制控件;2. 如何为定制控件添加新的属性;3. 如何在XML里应用。控件的定制主要有两种形式,一种是从类View派生,就像TextView等控件一样,http://developer.android.com/guide/topics/ui/custom-components.html有比较详细的解释。另外一种就是在改造现有的控件,或者由现有的多个控件组装成一个新的控件,添加新的方法或者属性。
下面的例子是封装一个带有icon的按钮,只是一个形式,不一定有按钮的功能。只是为了解释上面三个问题。
1. 先定义一个layout文件,包含了一个现实图标的ImageView和现实文字的TextView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ok"
android:paddingTop="5dip"
android:paddingBottom="5dip"
android:paddingLeft="40dip"
android:layout_gravity="center_vertical"
/>
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="OK"
android:textColor="#FFFFFFFF"
android:layout_marginLeft="8dip"
android:layout_gravity="center_vertical"
/>
</LinearLayout>
2. 定义一个类MyButton,封装我们需要的控件
package com.example;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
public class MyButton extends LinearLayout {
private ImageView mIv;
private TextView mTv;
public MyButton(Context context) {
this(context,null);
// TODO Auto-generated constructor stub
}
public MyButton(Context context, AttributeSet attrs)
{
super(context,attrs);
LayoutInflater.from(context).inflate(R.layout.mybutton, this, true);
mIv = (ImageView)findViewById(R.id.iv);
mTv = (TextView)findViewById(R.id.tv);
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyButton);
String text = a.getString(R.styleable.MyButton_text);
if(text != null)
setTextViewText(text);
Drawable dr= a.getDrawable(R.styleable.MyButton_icon);
mIv.setImageDrawable(dr);
a.recycle();
}
public void setImageResource(int resId)
{
mIv.setImageResource(resId);
}
public void setTextViewText(String text)
{
mTv.setText(text);
}
}
在MyButton的构造函数里,将mybutton.xml转换成了view的可视图,后面的代码取得两个新的属性icon和text;最后两个函数用来设置icon给ImageView,text给TextView.
3. 接下来的问题是如何声明两个新属性
在value下面创建attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MyButton">
<attr name="icon" format="integer"/>
<attr name="text" format="string"/>
</declare-styleable>
</resources>
declare-styleable声明了两个新属性,一个是图片icon,格式是integer,另外是text,格式是string. 这个文件会自动生成在R里面,通过R就可以访问。
4. 那如何使用这个新的控件呢?
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fsms="http://schemas.android.com/apk/res/com.example"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation = "horizontal"
android:layout_gravity="bottom"
>
<com.example.MyButton
android:id="@+id/bt_confirm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@drawable/button_default"
android:clickable="true"
android:focusable="true"
fsms:icon="@drawable/ok"
fsms:text="Yes"
/>
<com.example.MyButton
android:id="@+id/bt_cancel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_toRightOf="@+id/bt_confirm"
android:background="@drawable/button_default"
android:clickable="true"
android:focusable="true"
fsms:icon="@drawable/cancel"
fsms:text="No"
/>
</RelativeLayout>
</LinearLayout>
要在xml里面使用新的属性,必须先声明名字空间,http://schemas.android.com/apk/res这段是一样的,关键是后面的com.example,这是包名。
<com.example.MyButton/>是新的控件的名字。fsms是新声明的名字空间。接下来就向使用android:id一样,可以使用fsms:icon和fsms:text属性了。
结果图如下: