Android编程自定义搜索框实现方法【附demo源码下载】

2019-10-22 18:18:02

字体：大中小

来源：转载

供稿：网友

本文实例讲述了Android编程自定义搜索框实现方法。分享给大家供大家参考，具体如下：

先来看效果图吧~

Android,搜索框,源码下载

分析：这只是模拟了一个静态数据的删除与显示

用EditText+PopupWindow+listView实现的

步骤：

1.先写出搜索框来-activity_mian布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  >  <EditText    android:id="@+id/et"    android:layout_width="match_parent"    android:layout_height="wrap_content"    />   <ImageView     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:id="@+id/click"     android:layout_alignParentRight="true"     android:src="@drawable/down_arrow"/></RelativeLayout>

效果：

Android,搜索框,源码下载

2.数据的加载，把数据写在ArrayList数组中，然后用适配器加载出来~

data=new ArrayList<String>();for(int i=0;i<20;i++){  data.add("1000"+i);}list.setAdapter(new MyAdapter());

3.点击箭头出现数据，在EditText搜索框下面出现，用PopupWindow实现~

@Overridepublic void onClick(View v) {  // TODO Auto-generated method stub  switch (v.getId()) {  case R.id.click:    //if(popup==null){    /*TextView tv=new TextView(this);    tv.setText("123243");*/      list.setAdapter(new MyAdapter());      popup=new PopupWindow(list, et.getWidth(), 500);      popup.setFocusable(true);      //点击屏幕以外的区域会关掉      popup.setOutsideTouchable(true);      popup.setBackgroundDrawable(new ColorDrawable());     //显示在哪个控件的下面      popup.showAsDropDown(et);    // }else{    //  popup=null;     //}     break;  default:    break;  }}

4.listview适配器加载数据并且点击清除数据的图片，数据会消失：

class MyAdapter extends BaseAdapter{@Overridepublic int getCount() {  // TODO Auto-generated method stub  if(data!=null){  return data.size();  }else {    return 0;  }}@Overridepublic Object getItem(int position) {  // TODO Auto-generated method stub  return null;}@Overridepublic long getItemId(int position) {  // TODO Auto-generated method stub  return 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {  // TODO Auto-generated method stub  View view=View.inflate(MainActivity.this, R.layout.listview, null);  TextView tv=(TextView) view.findViewById(R.id.tv);  ImageView iv=(ImageView) view.findViewById(R.id.iv);  text=data.get(position);  tv.setText(text);  iv.setOnClickListener(new OnClickListener() {    @Override    public void onClick(View v) {      // TODO Auto-generated method stub      data.remove(text);      notifyDataSetChanged();    }  });  return view;}}

5.listview的点击,PopupWindow的消失,EditText数据的显示：

list.setOnItemClickListener(new OnItemClickListener() {  @Override  public void onItemClick(AdapterView<?> parent, View view, int position, long id) {    // TODO Auto-generated method stub    et.setText(text);    et.setSelection(text.length());//光标在text的后面    //PopupWindow消失    popup.dismiss();  }});

这样就实现了自定义搜索框~

完整MainActivity：

public class MainActivity extends Activity implements OnClickListener{  private ImageView click;  private EditText et;  private PopupWindow popup;  ListView list;  List<String>data;  String text;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    et=(EditText) findViewById(R.id.et);    click=(ImageView) findViewById(R.id.click);    click.setOnClickListener(this);    list=new ListView(this);    list.setOnItemClickListener(new OnItemClickListener() {      @Override      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {        // TODO Auto-generated method stub        et.setText(text);        et.setSelection(text.length());//光标在text的后面        //PopupWindow消失        popup.dismiss();      }    });    data=new ArrayList<String>();    for(int i=0;i<20;i++){      data.add("1000"+i);    }  }  @Override  public void onClick(View v) {    // TODO Auto-generated method stub    switch (v.getId()) {    case R.id.click:      //if(popup==null){      /*TextView tv=new TextView(this);      tv.setText("123243");*/        list.setAdapter(new MyAdapter());        popup=new PopupWindow(list, et.getWidth(), 500);        popup.setFocusable(true);        //点击屏幕以外的区域会关掉        popup.setOutsideTouchable(true);        popup.setBackgroundDrawable(new ColorDrawable());       //显示在哪个控件的下面        popup.showAsDropDown(et);      // }else{      //  popup=null;       //}       break;    default:      break;    }  }  class MyAdapter extends BaseAdapter{    @Override    public int getCount() {      // TODO Auto-generated method stub      if(data!=null){      return data.size();      }else {        return 0;      }    }    @Override    public Object getItem(int position) {      // TODO Auto-generated method stub      return null;    }    @Override    public long getItemId(int position) {      // TODO Auto-generated method stub      return 0;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {      // TODO Auto-generated method stub      View view=View.inflate(MainActivity.this, R.layout.listview, null);      TextView tv=(TextView) view.findViewById(R.id.tv);      ImageView iv=(ImageView) view.findViewById(R.id.iv);      text=data.get(position);      tv.setText(text);      iv.setOnClickListener(new OnClickListener() {        @Override        public void onClick(View v) {          // TODO Auto-generated method stub          data.remove(text);          notifyDataSetChanged();        }      });      return view;    } }}

listview布局：

<?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"  >  <ImageView    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:src="@drawable/user"/>  <TextView    android:id="@+id/tv"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_marginLeft="100dp"/>  <ImageView    android:id="@+id/iv"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_alignParentRight="true"    android:src="@drawable/delete"/></RelativeLayout>

附：完整实例代码点击此处本站下载。

希望本文所述对大家Android程序设计有所帮助。

注：相关教程知识阅读请移步到Android开发频道。

上一篇：RecyclerView中使用CheckBox出现勾选混乱的解决方法

下一篇：Android TextView仿微信可折叠效果