【我的应用系列】（二）自定义控件开发

【前言】Android为开发者提供了很多视图控件，从TextView，ImageView到ViewPager等，按理说似乎我们也已经够用了，其实不然，我们在做大型项目的时候，难免会遇到各种各样的UI需求，又或者这些需求上很多地方用到的UI控件系统自带的控件无法完全满足，所以我们就需要封装自定义的视图控件。如何封装？大致的方向便是组合或继承系统控件以满足需求。

如下图所示，在开发自定义的控件之前，想让我们来认识一下Android的View层次结构：

简而言之，Android如此的View层次结构正是设计模式的一种---组合模式。

如何开发自定义控件？

众所周知，Android的界面布局有两种方式，XML布局和在java文件里硬编码布局。这两种方式各有特点，XML布局能做到视图和逻辑最大程度的分离，能让代码结构更清晰，更易于维护和修改，而硬编码相比更加麻烦，不易于维护，但是有个好处就是速度快。（为什么？因为XML布局归根结底是会被DecoderView解析并绘制，这个过程整个XML布局的树型结构会从上到下的被解析）。但是在大型的项目开发中，我们通常还是习惯用XML布局来解决UI开发。

所以，第一个关键就是，为了让我们的自定义控件更加通用和易用，自定义控件必须支持能在XML文件被使用和解析。所以，我们在自定义控件编写的时候，必须实现一个带AttributeSet类型参数的构造函数，这样我们的控件才能在XML文件中正常使用。

public class MyImageView extends ImageView implements IThemeView
{

    public MyImageView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }
           

无论有没有自定义的参数，这个构造函数必须实现，否则在运行时报错。

如何自定义控件参数？

上面我们说了自定义控件可以有自定义参数，这里的参数指的就是像android:layout_width这种类似的参数，只是我们自定义控件的参数的命名空间和系统控件的不一样（这不是废话？）。这些参数一来是方便我们直接在XML文件里设置，二来就是在我们绘制控件的时候检索出这些参数来自定义的实现我们希望达到的视图效果。

在项目的res/values/attrs文件下，我们可以加入自定义的参数：

<declare-styleable name="CtripTitleView">
        <attr name="title_text" format="string" localization="suggested" />
        <attr name="title_text_appearance" format="integer" />
        <attr name="title_btn_left_text" format="string" localization="suggested" />
        <attr name="title_btn_left_drawable" format="reference" />
        <attr name="title_btn_text" format="string" localization="suggested" />
        <attr name="title_btn_drawable" format="reference" />
        <attr name="title_btn_text_appearance" format="integer" />
        <attr name="title_btn_width" format="dimension" />
        <attr name="title_btn_height" format="dimension" />
        <attr name="title_btn_bg" format="reference" />
        <attr name="title_btn_text_padding" format="dimension" />
        <attr name="title_bg_show_shadow" format="boolean" />
    </declare-styleable>
           

如上图所示，这些自定义参数有着各种的name（参数名），format（参数的格式）等，注意一下format这个属性我们会用得很多，比如integer格式的属性代表着参数在xml文件里可以被设置成int值，而我们在解析的时候的可以用getInt的方法取出设置的参数，而reference则代表这是一个引用值，如@string/...，@drawable/....等，我们在解析的时候就要视情况而定了，比如getDrawable或者getString来取出对应的参数值。还有就是在attrs文件里面我们也可以定义枚举类型的参数，在解析的时候也是通过getInt来获取其值的。

<declare-styleable name="CtripTextView">
        <attr name="text_drawable_src" format="reference" />
        <attr name="text_drawable_direction">
            <enum name="left" value="0" />
            <enum name="top" value="1" />
            <enum name="right" value="2" />
            <enum name="bottom" value="3" />
        </attr>
        <attr name="text_drawable_width" format="dimension" />
        <attr name="text_drawable_height" format="dimension" />
    </declare-styleable>
           

比如上面的text_drawable_direction属性就是枚举类型，我们在解析的时候

int direction = a.getInt(R.styleable.CtripTextView_text_drawable_direction, 0);
           

如何解析和绘制？

有了自定义的参数，我们便可以根据这些参数的值来绘制我们的自定义控件了。一种情况是比如我们继承了一些现成的控件，比如ImageView,TextView或者Linerlayout等，我们便需要在构造函数里面来处理解析自定义参数和绘制的工作，第二种情况便是我们直接继承了View，那么我们便要覆写onDraw这个方法，在该方法完成上述工作（具体原因不解释）。

public MyImageView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        TypedArray array = context.obtainStyledAttributes(attrs, R.attr.accountType);
        //TODO
        array.recycle();
    }
           

如上图所示，我们通过obtainStyleAttributes获得了xml文件里面自定义控件被设置的具体的值，接下来就是根据这些值来绘制我们的视图了，当然，最后别忘了回收资源。