Android组合控件实现功能强大的自定义控件

通常情况下，android实现自定义控件无非三种方式。

　　ⅰ、继承现有控件，对其控件的功能进行拓展。

　　ⅱ、将现有控件进行组合，实现功能更加强大控件。

　　ⅲ、重写view实现全新的控件

　　上文说过了如何继承现有控件来自定义控件：《android继承现有控件拓展实现自定义控件textview》，这节我们来讨论第二个议题。怎么将控件组合来实现一个功能强大的自定义控件。

　　先看看创建组合控件的好处吧，创建组合控件能够很好的创建具有组合功能的控件集合。那我们一般又是怎么做的了，一般我们来继承一个合适的viewgroup，再为他创建一个新功能，从而就形成了一个新功能的控件。我们还会为这种控件指定一些新的属性，从而使他具有很好扩展性了。好了，废话说了这么多，下面，我们就以几乎每个app都有的控件——标题栏为例，来介绍组合控件的做法。

　　首先，我来回答为什么要重用标题栏：

　　ⅰ、使应用程序拥有统一的风格。

　　ⅱ、重用标题栏，也是我们将来修改标题栏非常方便，真正实现"一次编写，到处运行"的效果，而不用大费周章的，每个页面都修改。

　　ⅲ、向调用者向外暴露调用接口，从而更加灵活的控制标题栏，使其功能更加的强大。

　　那么，标题栏长成那个样子，请见下图：

　　

　　我们，先做一下简单的分析一下，这是一个自定义控件，应该像android的原生控件一样，能够方便调用者设置控件的属性。因此，十分有必要为这个控件设置一些属性，为一个view提供一些自定义属性十分的简单，只需要在res资源目录下的values目录下创建一个attrs.xml属性文件，并在该文件定义你所需要的属性即可。这个自定义控件自定义属性如下：

 <declare-styleable name="titlebar">
  <attr name="title" format="string" />
  <attr name="titletextsize" format="dimension" />
  <attr name="titletextcolor" format="color" />
  <attr name="titlelefttext" format="string" />
  <attr name="titleleftbackground" format="color|reference" />
  <attr name="titlelefttextcolor" format="color" />
  <attr name="titlerighttext" format="string" />
  <attr name="titlerightbackground" format="color|reference" />
  <attr name="titlerighttextcolor" format="color" />
 </declare-styleable>

　　我们用<declare-styleable>标签声明要使用的自定义属性，用name属性来确定引用的名称。用format来确定引用数据的格式。在这个自定义控件自定义属性对应列表如下：

　　ⅰ、title——对应标题的文字

　　ⅱ、titletextsize——对应标题的文字大小

　　ⅲ、titletextcolor——对应标题的文本颜色

　　ⅳ、titlelefttext——对应左边按钮的文本

　　ⅴ、titleleftbackground——对应左边按钮的背景

　　ⅵ、titlelefttextcolor——对应左边按钮的文字颜色

　　ⅶ、titlerighttext——对应右边按钮的文本

　　ⅴ、titlerightbackground——对应右边按钮的背景

　　ⅵ、titlerighttextcolor——对应右边按钮的文字颜色

　　这里，需要指出的是左右按钮的背景，即可以是颜色类型，也可以对应为相应的图片，所以，我们可以用“|”来分隔不同的属性。

　　好了，既然，有了自定义属性的定义了，我们就需要自定义一个titlebar的控件，来获取这些定义好的属性值，上文，我们提到一般组合控件一般继承与viewgroup控件，这里，我们方便起见，就继承与relativelayout。怎么获取属性值了，系统提供了typedarray这样数据结构就能十分方便获取属性集了，获取属性的代码如下：

private void initattrs(attributeset attrs) {
  typedarray ta = this.getcontext().obtainstyledattributes(attrs,
    r.styleable.titlebar);
  if (ta != null) {
   title = ta.getstring(r.styleable.titlebar_title);
   titletextsize = ta.getdimension(r.styleable.titlebar_titletextsize,
     16);
   titletextcolor = ta
     .getcolor(r.styleable.titlebar_titletextcolor, 0);
   titlelefttext = ta.getstring(r.styleable.titlebar_titlelefttext);
   titleleftbackground = ta
     .getdrawable(r.styleable.titlebar_titleleftbackground);
   titlelefttextcolor = ta.getcolor(
     r.styleable.titlebar_titlelefttextcolor, 0);
   titlerighttext = ta.getstring(r.styleable.titlebar_titlerighttext);
   titlerightbackground = ta
     .getdrawable(r.styleable.titlebar_titlerightbackground);
   titlerighttextcolor = ta.getcolor(
     r.styleable.titlebar_titlerighttextcolor, 0);
   ta.recycle();
  }
 }

　　这里，需要值得一提的是需要调用typedarray的recycle方法将资源回收。

　　既然，我们让这个组合控件有了属性以后，下面，我们要做的是将这个组合控件的按钮，文本框有机组合起来，组合的代码如下所示：

 private void initview() {
  leftbutton = new button(getcontext());
  titletextview = new textview(getcontext());
  rightbutton = new button(getcontext());

  leftbutton.settextcolor(titlelefttextcolor);
  leftbutton.setbackgrounddrawable(titleleftbackground);
  leftbutton.settext(titlelefttext);

  rightbutton.settextcolor(titlerighttextcolor);
  rightbutton.setbackgrounddrawable(titlerightbackground);
  rightbutton.settext(titlerighttext);

  titletextview.settext(title);
  titletextview.settextsize(titletextsize);
  titletextview.settextcolor(titletextcolor);

  mleftlayoutparams = new layoutparams(layoutparams.wrap_content,
    layoutparams.match_parent);
  mleftlayoutparams.addrule(relativelayout.align_parent_left);
  addview(leftbutton, mleftlayoutparams);

  mcenterlayoutparams = new layoutparams(layoutparams.wrap_content,
    layoutparams.match_parent);
  mcenterlayoutparams.addrule(relativelayout.center_in_parent);
  addview(titletextview, mcenterlayoutparams);

  mrightlayoutparams = new layoutparams(layoutparams.wrap_content,
    layoutparams.match_parent);
  mrightlayoutparams.addrule(relativelayout.align_parent_right);
  addview(rightbutton, mrightlayoutparams);
 }

　　我们看到上文定义一些属性，无非复制给了这些组合控件，使这个组合控件变得"有血有肉"了。

　　这既然是一个自定义控件，是一个ui模版，应该每个调用者点击左右按钮，所实现的可能都不一样，我们应当所做就是向外暴露接口，让调用者灵活的控制这两个按钮。那么接口的定义如下：

 public interface clicklistener {
  void click(int tag);
 }

 private clicklistener listener;

　　在模版方法中，为左、右按钮增加点击事件，调用接口的点击方法，代码如下所示：

private void setlistener() {
  leftbutton.setonclicklistener(this);
  rightbutton.setonclicklistener(this);
 }

 @override
 public void onclick(view v) {
  if (listener != null) {
   if (v == leftbutton) {
    listener.click(left_button);
   } else if (v == rightbutton) {
    listener.click(right_button);
   }
  }

 }

　　在代码，我们有效判断是左边按钮点击了，还是右边按钮点击了。　

　　有了这个模版方法中接口的定义之后，我们在外部调用这个回调代码如下：

titlebar.setlistener(new clicklistener() {
   
   @override
   public void click(int tag) {
    switch (tag) {
   case titlebar.left_button:
    toast.maketext(mainactivity.this, "左边按钮被点击了", 0).show();
    break;
   case titlebar.right_button:
    toast.maketext(mainactivity.this, "右边按钮被点击了", 0).show();
    break;
   default:
    break;
   } 
   }
  });

　　这样在外部，能够有效的控制左右按钮的点击事件了。

　　做了这么多，就是希望能够有效调用这个组合控件，调用组合控件的代码如下：

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:custom="http://schemas.android.com/apk/res/com.example.test"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:padding="5dp"
 tools:context=".mainactivity">

 <!-- <include layout="@layout/topbar" /> -->

 <com.example.test.titlebar
  android:id="@+id/titlebar"
  android:layout_width="match_parent"
  android:layout_height="40dp"
  custom:titleleftbackground="@drawable/blue_button"
  custom:titlelefttext="back"
  custom:titlelefttextcolor="#ffffff"
  custom:titlerightbackground="@drawable/blue_button"
  custom:titlerighttext="more"
  custom:titlerighttextcolor="#ffffff"
  custom:title="自定义标题"
  custom:titletextcolor="#123412"
  custom:titletextsize="10sp"/>

</relativelayout>

这里，需要和大家交代的是，自定义控件与原生控件调用区别在于：

ⅰ、引用自定义控件必须引用它的完全类名。

ⅱ、引用自定义控件自定义属性时，必须要引用自定义的命名空间，引用方法如下：

  xmlns:custom="http://schemas.android.com/apk/res/com.example.test" 

这个控件，最终运行效果为：

以上就是本文的全部内容，希望对大家的学习有所帮助。