时间:2021-05-20
本文实例讲述了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>效果:
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){ 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){ 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开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Android编程实现AlertDialog自定义弹出对话框的方法。分享给大家供大家参考,具体如下:弹出对话框,显示自定义的布局文件弹出对话框提示
自定义布局实现仿qq侧滑部分Android代码,供大家参考,具体内容如下源码DEMO地址:https://github.com/applelili/Imitat
本文实例讲述了Android编程实现自定义进度条颜色的方法。分享给大家供大家参考,具体如下:android自定义进度条颜色先看图基于产品经理各种自定义需求,经过
本文实例讲述了Android自定义圆形进度条,分享给大家供大家参考。具体如下:大家也可以参考这两篇文章进行学习:《自定义Android圆形进度条(附源码)》《A
javascript自定义提示窗口效果图:源码:1.demo.jsp自定义提示窗口functionbodyOnload(){varmyInput=documen