Android自定义组合控件－－EditText和Button组合成带有清空EditText内容功能的复合控件

目标：实现EditText和Button组合成带有清空EditText内容功能的复合控件，可以通过代码设置自定义控件的相关属性。

实现效果为：



(1)在res/layout目录下编写自定义组合控件的布局文件:clear_edittext.xml

代码如下：

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<EditText
android:id="@+id/editText"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

</LinearLayout>

（2）编写自定义组合控件相应的类：ClearEditText.java

代码如下：

package com.demo.compoundwidgetdemo;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;

public class ClearEditText extends LinearLayout {
private EditText editText;
private Button button;

public ClearEditText(Context context) {
this(context, null);
}

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

//在构造函数中将布局文件clear_textview.xml中定义的布局解析出来。
LayoutInflater.from(context).inflate(R.layout.clear_edittext, this,true);
//得到相应控件
editText=(EditText)findViewById(R.id.editText);
button=(Button)findViewById(R.id.button);
//给button注册相应的事件
button.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
//将EditText内容清空
editText.setText("");
}
});

}

//设置子控件相关属性的方法
public void setEditTextHint(int resid){
this.editText.setHint(resid);
}

public void setEditTextHint(String hint){
this.editText.setHint(hint);
}

public void setButtonText(int resid){
this.button.setText(resid);
}
public void setButtonText(String text){
this.button.setText(text);
}

}

（3）这样就可以像使用普通的控件一样，在自己的程序中使用该自定义组合控件，在activity_main.xml中使用该控件

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.demo.compoundwidgetdemo.MainActivity">

<!-- 使用自定义组合控件 -->
<com.demo.compoundwidgetdemo.ClearEditText
android:id="@+id/clear_et"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</com.demo.compoundwidgetdemo.ClearEditText>

</LinearLayout>

(4)在MainActivity.java中操作该组合控件

代码如下：

package com.demo.compoundwidgetdemo;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends ActionBarActivity {
private ClearEditText clearEditText;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
clearEditText=(ClearEditText)findViewById(R.id.clear_et);
clearEditText.setEditTextHint("带有清空功能的EditText");
clearEditText.setButtonText("清空内容");
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}

（5）运行该程序，效果如开始所示。

最后，你可以通过类似的方法将不同控件组合成你需要的控件，这样就可以像使用普通控件一样使用组合控件