我们为什么需要自定义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代码
  1. public class TopBarWidget extends RelativeLayout{   
  2.   
  3.     public TopBarWidget(Context context, AttributeSet attrs) {   
  4.         super(context, attrs);   
  5.         setGravity(Gravity.CENTER);   
  6.   
  7.         LayoutInflater.from(context).inflate(R.layout.top_bar_widget, thistrue);   
  8.   
  9.         TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.TopBarWidget, 00);   
  10.   
  11.         String text = array.getString(R.styleable.TopBarWidget_title);   
  12.         if (text != null){   
  13.             ((TextView) findViewById(R.id.top_bar_title)).setText(text);   
  14.         }   
  15.   
  16.         Drawable dw=array.getDrawable(R.styleable.TopBarWidget_actionBtnImg);   
  17.         if(dw!=null){   
  18.             ((ImageButton) findViewById(R.id.top_bar_action)).setBackgroundDrawable(dw);   
  19.         }   
  20.     }   
  21.   
  22. }  

       3、在使用这个自定义方法的地方用这个类的全路径来作为标签名字,然后可以传入这个类的父类能够使用的属性,然后也可以使用自定义的属性,使用自定义属性的时候需要加上自己的名字空间,自己的名字空间需要在根目录里面定义,值的格式是:"http://schemas.android.com/apk/res/"。

XML/HTML代码
  1. <com.tencent.qqcalendar.view.TopBarWidget  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="68dip"  
  4.     android:background="#333333"  
  5.     TopBarWidget:title="@string/edit_event_title"  
  6.     TopBarWidget:actionBtnImg="@drawable/create_ok"  
  7. />  

       4.在attrs里面声明自定义的属性,比如上面的title以及actionBtnImg。

XML/HTML代码
  1. <declare-styleable name="TopBarWidget">  
  2.     <attr name="actionBtnImg" format="integer"/>  
  3.     <attr name="title" format="string"/>  
  4. </declare-styleable>  

       这样你就可以使用你的自定义UI控件了。

本文发布:Android开发网
本文地址:http://www.teaching4real.com/android/course/233.html
2012年10月13日
发布:鸡啄米 分类:Android开发教程 浏览: 注册送白菜网:1