我们为什么需要自定义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, this, true);   
  8.   
  9.         TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.TopBarWidget, 0, 0);   
  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.jizhuomi.com/android/course/233.html
2012年10月13日
发布:鸡啄米 分类:Android开发教程 浏览: 评论:1