自定义控件之组合控件---以带下划线的EditText为例

在开发当中，为了达到特定的效果，仅仅依赖原有的android控件是不够的，这时候需要自定义一些控件。其实自定义控件，大体可分为三大类：

一、组合式控件，即将一些需要重复用到的一些控件包装在一起，组成一个新的控件；

二、继承现有的控件，自己去扩展其一些功能(如继承TextView ，EditText等);

三、继承一个View，自己去绘制出来。

可视具体情况，采取不同的方式来实现效果，这次主要说一下，自定义组合式控件，也是最简单的一种。

背景：实际项目中有这么一个需求，既不想要EditText自带的背景，又希望在其下面加上一条下划线，这可怎么破呢？ 自然而然就会想到自定义一个组合式控件，上面一个去除背景样式的EditText,下面一个高度为0.5dp的View,即可。那么如何去自定义呢？大体只需要这么几个步骤：

1.将布局单独抽取出来；

2.定义一个类继承自布局的根容器；

3.将布局与创建的类关联起来；

4.自定义属性值；

5.获取并设置属性值；

6.在布局中使用该控件。

下面就一步步来实现这个小的效果吧：

1.将布局单独抽取出来，很简单布局如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content"    android:layout_height="wrap_content"  android:orientation="vertical" >    <EditText        android:id="@+id/et_text"        android:textColor="#332E38" android:textSize="13sp"        android:background="@null"        android:layout_width="match_parent"        android:layout_height="wrap_content"/> <View      android:layout_width="match_parent"      android:layout_height="0.5dp"      android:background="@android:color/black"/></LinearLayout>

2.定义一个类继承自布局的根容器, 这里直接继承自LinearLayout。

3.将布局与创建的类关联起来；

5.获取并设置属性值；

这三步具体实现可看下面代码：

//2.定义一个类继承自根布局public class LineEditText extends LinearLayout{          private static final int TYPE_DEFAUT = 3;private Paint paint;private EditText et_text;      //布局中使用，只需要重写带两个、三个参数的构造函数即可，最终是调用三个参数的构造    public LineEditText(Context context, AttributeSet attrs) {this(context, attrs,0);}public LineEditText(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context,attrs);}private void init(Context context,AttributeSet attrs) {//3.将布局与创建的类关联起来，注意第三个参数是this，而不是null，因为是要填充到当前容器中 View view = View.inflate(context, R.layout.view_lineedittext, this);     et_text = (EditText) view.findViewById(R.id.et_text);     //5.获取并设置属性值TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.LineEditText);//输入文本属性String lineText = array.getString(R.styleable.LineEditText_lineText);//输入最大字符属性int maxLength = array.getInt(R.styleable.LineEditText_textMaxLength,-1);//输入类型属性int inputType = array.getInt(R.styleable.LineEditText_textInputType, TYPE_DEFAUT);//设置文本et_text.setText(lineText);//设置最大字符属性,这个可以去看下TextView的源码就知道为什么这么写了if (maxLength >= 0) {et_text.setFilters(new InputFilter[] { new InputFilter.LengthFilter(maxLength) });}else{et_text.setFilters(new InputFilter[0]);}//设置输入类型控制switch (inputType) {case TYPE_DEFAUT:et_text.setInputType(InputType.TYPE_TEXT_FLAG_MULTI_LINE);//多行文本//要使多行文本属性生效要加上下面两句才行et_text.setSingleLine(false);et_text.setHorizontallyScrolling(false); break;case 0:et_text.setInputType(InputType.TYPE_CLASS_PHONE);//电话号码break;case 1:et_text.setInputType(InputType.TYPE_CLASS_NUMBER);//数字break;case 2:et_text.setInputType(InputType.TYPE_TEXT_FLAG_MULTI_LINE);et_text.setSingleLine(false);et_text.setHorizontallyScrolling(false); break;default:et_text.setInputType(InputType.TYPE_TEXT_FLAG_MULTI_LINE);et_text.setSingleLine(false);et_text.setHorizontallyScrolling(false); break;}//注意要回收array.recycle();}/** * 设置文本方法 * @param string */public void setLineText(String string) {et_text.setText(string);}/** * 获取文本方法 * @param string */public String getLineText() {return et_text.getText().toString().trim();}}

4.自定义属性值，这个主要是在res/values/attrs.xml文件中进行自定义，这个可根据需要定义多种属性，如下所示：

<declare-styleable name ="LineEditText">//name 最好为类名        <attr name = "lineText" format = "string"></attr>//format即是格式有string,integer,enum等        <attr name = "textMaxLength" format = "integer"></attr>                <attr name="textInputType" format="enum">            <enum name="phone" value="0" />            <enum name="number" value="1" />            <enum name="textMutiLine" value="2" />        </attr>    </declare-styleable>

最后一步，在布局文件中使用，拷贝自定义类的全路径，像使用其它控件一样，即可，记住要定义一个命名空间。

命名空间，自定义控件使用如下：

xmlns:lineEdit="http://schemas.android.com/apk/res/包名"

<com.zxhandroid.view.LineEditText       android:layout_width="match_parent"      lineEdit:textInputType="textMutiLine"      android:layout_height="wrap_content"      android:id="@+id/et_time"/>

到这里实现了一个简单的自定义控件了。。。。