android开发系列之使用xml自定义控件

在android开发的过程中，有的时候面对多个Activity里面一些相同的布局，我们需要写多次相同的代码，同时这种方法给我们的项目维护也带来了很大不便。那么有没有一种可行的办法能够将Activity里面相同的布局拆分的很清楚呢？当然是有的，这个时候就轮到自定义控件闪亮登场了。

其实在android里面有多种方法去实现自定义控件，但是今天这篇博客里面只介绍使用xml的方式进行自定义控件的创建。请看下面的这种场景，不管在哪个页面里面都有个标题，包括一条居中的文本信息和在左边的返回按钮。这个时候我们就可以将上面的标题拆分成一个控件，然后在该控件里面暴露出一个text属性和一个按钮的点击事件。

首先让我们先来创建一个前台的xml文件用于放置布局，代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/test"
    android:gravity="center_vertical">

    <TextView
        android:id="@+id/tvBack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="<"
        android:layout_alignParentLeft="true" />

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="登录"
        android:layout_centerHorizontal="true"/>

</RelativeLayout>

可以看到在上面的布局里面，我们只是放置了两个TextView，一个表示返回，另一个则表示title。

看到这里聪明的你也许就能猜到了，会不会在自定义控件的时候，我们也同样需要采用某种方法加载上面的布局文件，然后在加载的时候同时关联自己定义好的属性和事件到上面返回的TextView点击事件和标题的TextView的text属性呢？是的，请看比较重要的后台关联代码类定义：

public class TitleControl extends RelativeLayout {
}

可以发现TitleControl我们是直接从RelativeLayout继承而来的，这样的话TitleControl就属于一种View控件了。接下来所要做的事情，就是定义属性和事件了。现在假设我们需要定义一个MyText属性，那么应该怎么做呢？请看如下代码：

public class TitleControl extends RelativeLayout {

    private TextView tvBack, tvTitle;
    private String title;

    public TitleControl(Context context) {
        super(context);
    }

    public TitleControl(Context context, AttributeSet attrs) {
        super(context, attrs);

        View view = View.inflate(context, R.layout.activity_title, this);
        tvTitle = (TextView) view.findViewById(R.id.tvTitle);

        tvBack = (TextView) view.findViewById(R.id.tvBack);
        tvBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {

            }
        });

        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.title);
        title = a.getString(R.styleable.title_MyText);
        a.recycle();

        tvTitle.setText(title, TextView.BufferType.SPANNABLE);

    }

    public String getTitle() {
        return this.title;
    }

    public void setTitle(String title) {
        this.title = title;
    }
}

在上面的代码里面我们通过View的inflate方法加载前台页面，然后通过findViewById方法就找到了前台需要关联的控件了。但是我们自己定义的属性放在哪里呢？一种比较容易维护的做法就是将属性放置在xml文件里面。下面就让我们来看看属性的xml代码：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="title">
        <attr name="MyText" format="string"/>
    </declare-styleable>
</resources>

当我们定义好属性xml之后，就可以通过下面的这段代码，将我们自己定义的MyText属性关联到TextView的Text属性上面了。这样就相当于实现了自定义属性。

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.title);
title = a.getString(R.styleable.title_MyText);
a.recycle();

tvTitle.setText(title, TextView.BufferType.SPANNABLE);

做到这里我们就差一个自定义事件了，那么我们怎样去定义一个事件关联到TextView的点击上面呢？答案是通过回调方法的方式实现的，请看回调方法的定义：

private ITitleCallback iTitleCallback;

    public interface ITitleCallback {
        void OnBackClickLinear();
    }

    public void setTitleClickLinear(ITitleCallback iTitleCallback) {
        this.iTitleCallback = iTitleCallback;
    }

然后在TextView点击的时候执行如下代码就可以了：

tvBack = (TextView) view.findViewById(R.id.tvBack);
        tvBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if(iTitleCallback!=null){
                    iTitleCallback.OnBackClickLinear();
                }
            }
        });

好了，今天就到这里吧！如有不对，欢迎拍砖。