Android之自定义搜索框

来源：互联网发布：3ds怎么网络联机编辑：程序博客网时间：2024/05/18 06:28

先来看效果图吧~

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

用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>

效果：

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 stubswitch (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 stubif(data!=null){return data.size();}else {return 0;}}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn null;}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubView 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() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubdata.remove(text);notifyDataSetChanged();}});return view;}    }

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

list.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {// TODO Auto-generated method stubet.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;@Overrideprotected 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() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {// TODO Auto-generated method stubet.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);}}@Overridepublic void onClick(View v) {// TODO Auto-generated method stubswitch (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{@Overridepublic int getCount() {// TODO Auto-generated method stubif(data!=null){return data.size();}else {return 0;}}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn null;}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn 0;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubView 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() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubdata.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>

下载：源码

0 0