Android編程自定義搜索框?qū)崿F(xiàn)方法【附demo源碼下載】
更新時間：2017年12月29日 15:29:36 作者：飄走的我
這篇文章主要介紹了Android編程自定義搜索框?qū)崿F(xiàn)方法,涉及Android界面布局、數(shù)據(jù)加載、事件響應(yīng)等相關(guān)操作技巧,并附帶完整demo源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了Android編程自定義搜索框?qū)崿F(xiàn)方法。分享給大家供大家參考，具體如下：
先來看效果圖吧~
分析：這只是模擬了一個靜態(tài)數(shù)據(jù)的刪除與顯示
用EditText+PopupWindow+listView實現(xiàn)的
步驟：
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.數(shù)據(jù)的加載，把數(shù)據(jù)寫在ArrayList數(shù)組中，然后用適配器加載出來~
data=new ArrayList<String>();
for(int i=0;i<20;i++){
data.add("1000"+i);
}
list.setAdapter(new MyAdapter());
3.點擊箭頭出現(xiàn)數(shù)據(jù)，在EditText搜索框下面出現(xiàn)，用PopupWindow實現(xiàn)~
@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);
//點擊屏幕以外的區(qū)域會關(guān)掉
popup.setOutsideTouchable(true);
popup.setBackgroundDrawable(new ColorDrawable());
//顯示在哪個控件的下面
popup.showAsDropDown(et);
// }else{
// popup=null;
//}
break;
default:
break;
}
}
4.listview適配器加載數(shù)據(jù)并且點擊清除數(shù)據(jù)的圖片，數(shù)據(jù)會消失：
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;
}
}
5.listview的點擊,PopupWindow的消失,EditText數(shù)據(jù)的顯示：
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();
}
});
這樣就實現(xiàn)了自定義搜索框~
完整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);
//點擊屏幕以外的區(qū)域會關(guān)掉
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>
附：完整實例代碼點擊此處本站下載。
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android開發(fā)入門與進階教程》、《Android調(diào)試技巧與常見問題解決方法匯總》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》
希望本文所述對大家Android程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家介紹了Kotlin協(xié)程launch原理的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了Android屏蔽EditText軟鍵盤的方法,涉及Android屏蔽EditText軟鍵盤及恢復(fù)軟鍵盤的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
Android Shader應(yīng)用開發(fā)之霓虹閃爍文字效果
這篇文章主要為大家詳細介紹了Android Shader應(yīng)用開發(fā)之霓虹閃爍文字效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了Android中ListView用法,結(jié)合實例形式分析了ListView的功能,使用技巧與相關(guān)注意事項,需要的朋友可以參考下2016-02-02
Android游戲開發(fā)之碰撞檢測（矩形碰撞、圓形碰撞、像素碰撞）
這篇文章主要介紹了Android游戲開發(fā)之碰撞檢測，主要內(nèi)容包含矩形碰撞、圓形碰撞、像素碰撞、多矩形碰撞的代碼，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章文給大家介紹了DiffUtil的使用，相信大家每位Android開發(fā)者們都知道谷歌最近更新了Support Library 24.2.0，而DiffUtil就是在這個版本添加的一個工具類。下面就跟著小編一起來看看，有需要的可以參考借鑒。2016-09-09
Android Socket 線程連接openwrt與arduino單片機串口雙向通信的實例解析
這篇文章主要介紹了Android Socket 線程連接openwrt與arduino單片機串口雙向通信的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
react native中的聊天氣泡及timer封裝成的發(fā)送驗證碼倒計時
這篇文章主要介紹了react native中的聊天氣泡及timer封裝成的發(fā)送驗證碼倒計時的相關(guān)資料,需要的朋友可以參考下2017-08-08
Android開發(fā)使用strings.xml多語言翻譯解決方案
這篇文章主要為大家介紹了Android開發(fā)使用strings.xml多語言翻譯解決方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
這篇文章主要介紹了Android 讀取資源文件實例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06