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"
这个控件,最终运行效果为:
以上就是本文的全部内容,希望对大家的学习有所帮助。