我们为什么需要自定义Android UI组件呢?这是由于有很多Activity使用的View顶部的控件是差不多的,就像HTML页面里面我们有自己的header这样的东西,那我们可能应该将其统一到一块,但是view顶部又不是简单的统一的格式,里面有一些控件的样式或者文字还是有不同的,所以这里就需要有一个定制化的UI,然后我们可以设置这个UI的某一些自定义属性来满足不同的需求。
这次我们自定义的这个组件是一个RelativeLayout里面包含了三个View,左边一个返回Button,右边可能有一个操作Button也可能没有,然后中间有一个TextView。
下面来说一下自定义的步骤:
1、在Layout里面创建一个view的xml文件,然后使用Merge标签来包含子元素,这里是两个Button元素以及一个Text元素。
2、新建一个java类继承一个View类,我们这里是一个RelativeLayout,然后实现这个类的初始化方法,里面主要功能是根据传入的参数来设置里面的子元素。
Java代码publicclassTopBarWidgetextendsRelativeLayout{
publicTopBarWidget(Context context, AttributeSet attrs) {
super(context, attrs);
setGravity(Gravity.CENTER);
LayoutInflater.from(context).inflate(R.layout.top_bar_widget,this,true);
TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.TopBarWidget,0,0);
String text = array.getString(R.styleable.TopBarWidget_title);
if(text !=null){
((TextView) findViewById(R.id.top_bar_title)).setText(text);
}
Drawable dw=array.getDrawable(R.styleable.TopBarWidget_actionBtnImg);
if(dw!=null){
((ImageButton) findViewById(R.id.top_bar_action)).setBackgroundDrawable(dw);
}
}
}
3、在使用这个自定义方法的地方用这个类的全路径来作为标签名字,然后可以传入这个类的父类能够使用的属性,然后也可以使用自定义的属性,使用自定义属性的时候需要加上自己的名字空间,自己的名字空间需要在根目录里面定义,值的格式是:"http://schemas.android.com/apk/res/"。
XML/HTML代码
android:layout_width="fill_parent"
android:layout_height="68dip"
android:background="#333333"
TopBarWidget:title="@string/edit_event_title"
TopBarWidget:actionBtnImg="@drawable/create_ok"
/>
4.在attrs里面声明自定义的属性,比如上面的title以及actionBtnImg。
XML/HTML代码
这样你就可以使用你的自定义UI控件了。
2012年10月13日