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

Posted 蔡鸿军

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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();
                }
            }
        });

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

以上是关于android开发系列之使用xml自定义控件的主要内容,如果未能解决你的问题,请参考以下文章

Android自定义控件系列之基础篇

Android自定义控件之基本原理

Android 自定义控件之圆形扩散View(DiffuseView)

Android进阶之绘制-自定义View完全掌握

Android 自定义 View 详解

Android开发之自定义控件---onMeasure详解