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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-31 21:58   53   0

目标:实现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)运行该程序,效果如开始所示。

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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP