Android实现仿QQ登录可编辑下拉菜单
Android實現仿QQ登錄可編輯下拉菜單
在Android里，直接提供的Spinner控件雖然可以實現下拉菜單的效果，但其效果并不理想，很多時候我們需要類似手機QQ那樣既可以在文本框中直接輸入編輯文字，可以在下拉菜單中選中或者刪除菜單選項，并且下拉菜單并不是以遮罩整個手機屏幕方式，而是以浮動在屏幕上的效果出現。下面呢，就來實現一下這些效果。
最后效果為：???????
?
此次主要以EdiText、PopupWindow、ListView及Adapter來實現這種下拉效果。具體實現步驟就不一步步詳細介紹了，直接貼完整代碼吧，注釋比較詳細，相信都能看得懂。
?
?
//主界面Activity代碼：
public?class?SelectActivity?extends?Activity?implements?Callback?{??
????//PopupWindow對象??
????private?PopupWindow?selectPopupWindow=?null;??
????//自定義Adapter??
????private?OptionsAdapter?optionsAdapter?=?null;??
????//下拉框選項數據源??
????private?ArrayList<String>?datas?=?new?ArrayList<String>();;???
????//下拉框依附組件??
????private?LinearLayout?parent;??
????//下拉框依附組件寬度，也將作為下拉框的寬度??
????private?int?pwidth;???
????//文本框??
????private?EditText?et;??
????//下拉箭頭圖片組件??
????private?ImageView?p_w_picpath;??
????//恢復數據源按鈕??
????private?Button?button;??
????//展示所有下拉選項的ListView??
????private?ListView?listView?=?null;???
????//用來處理選中或者刪除下拉項消息??
????private?Handler?handler;??
????//是否初始化完成標志????
????private?boolean?flag?=?false;??
??????
????@Override??
????public?void?onCreate(Bundle?savedInstanceState)?{??
????????super.onCreate(savedInstanceState);??
????????setContentView(R.layout.select);??
????}??
??
????/**??
?????*?沒有在onCreate方法中調用initWedget()，而是在onWindowFocusChanged方法中調用，??
?????*?是因為initWedget()中需要獲取PopupWindow浮動下拉框依附的組件寬度，在onCreate方法中是無法獲取到該寬度的??
?????*/??
????@Override??
????public?void?onWindowFocusChanged(boolean?hasFocus)?{??
????????super.onWindowFocusChanged(hasFocus);??
????????while(!flag){??
????????????initWedget();??
????????????flag?=?true;??
????????}??
??????????
????}??
??????
????/**??
?????*?初始化界面控件??
?????*/??
????private?void?initWedget(){??
????????//初始化Handler,用來處理消息??
????????handler?=?new?Handler(SelectActivity.this);??
??????????
????????//初始化界面組件??
????????parent?=?(LinearLayout)findViewById(R.id.parent);??
????????et?=?(EditText)findViewById(R.id.edittext);??
????????p_w_picpath?=?(ImageView)findViewById(R.id.btn_select);??
??????????
??????????
????????//獲取下拉框依附的組件寬度??
????????int?width?=?parent.getWidth();??
????????pwidth?=?width;??
??????????
????????//設置點擊下拉箭頭圖片事件，點擊彈出PopupWindow浮動下拉框??
????????p_w_picpath.setOnClickListener(new?View.OnClickListener()?{??
????????????@Override??
????????????public?void?onClick(View?v)?{??
????????????????if(flag){??
????????????????????//顯示PopupWindow窗口??
????????????????????popupWindwShowing();??
????????????????}??
????????????}??
????????});??
??????????
????????//初始化PopupWindow??
????????initPopuWindow();??
??????????
????????button?=?(Button)findViewById(R.id.refresh);??
????????//設置點擊事件，恢復下拉框列表數據，沒有什么作用，純粹是為了方便多看幾次效果而設置??
????????button.setOnClickListener(new?View.OnClickListener()?{??
????????????@Override??
????????????public?void?onClick(View?v)?{??
????????????????initDatas();??
????????????????optionsAdapter.notifyDataSetChanged();??
????????????}??
????????});??
????}??
??
????/**??
?????*?初始化填充Adapter所用List數據??
?????*/??
????private?void?initDatas(){??
??????????
?????????datas.clear();??
???????????
?????????datas.add("北京");??
?????????datas.add("上海");??
?????????datas.add("廣州");??
?????????datas.add("深圳");??
?????????datas.add("重慶");??
?????????datas.add("青島");??
?????????datas.add("石家莊");??
????}??
??????
?????/**??
?????*?初始化PopupWindow??
?????*/???
????private?void?initPopuWindow(){???
??????????
????????initDatas();??
??????????
????????//PopupWindow浮動下拉框布局??
????????View?loginwindow?=?(View)this.getLayoutInflater().inflate(R.layout.options,?null);???
????????listView?=?(ListView)?loginwindow.findViewById(R.id.list);???
??????????
????????//設置自定義Adapter??
????????optionsAdapter?=?new?OptionsAdapter(this,?handler,datas);???
????????listView.setAdapter(optionsAdapter);???
??????????
????????selectPopupWindow?=?new?PopupWindow(loginwindow,?pwidth,LayoutParams.WRAP_CONTENT,?true);???
??????????
????????selectPopupWindow.setOutsideTouchable(true);???
??????????
????????//這一句是為了實現彈出PopupWindow后，當點擊屏幕其他部分及Back鍵時PopupWindow會消失，??
????????//沒有這一句則效果不能出來，但并不會影響背景??
????????//本人能力極其有限，不明白其原因，還望高手、知情者指點一下??
????????selectPopupWindow.setBackgroundDrawable(new?BitmapDrawable());????
????}???
??
??????
??????
????/**??
?????*?顯示PopupWindow窗口??
?????*???
?????*?@param?popupwindow??
?????*/???
????public?void?popupWindwShowing()?{???
???????//將selectPopupWindow作為parent的下拉框顯示，并指定selectPopupWindow在Y方向上向上偏移3pix，??
???????//這是為了防止下拉框與文本框之間產生縫隙，影響界面美化??
???????//（是否會產生縫隙，及產生縫隙的大小，可能會根據機型、Android系統版本不同而異吧，不太清楚）??
???????selectPopupWindow.showAsDropDown(parent,0,-3);???
????}???
???????
????/**??
?????*?PopupWindow消失??
?????*/???
????public?void?dismiss(){???
????????selectPopupWindow.dismiss();???
????}??
??
????/**??
?????*?處理Hander消息??
?????*/??
????@Override??
????public?boolean?handleMessage(Message?message)?{??
????????Bundle?data?=?message.getData();??
????????switch(message.what){??
????????????case?1:??
????????????????//選中下拉項，下拉框消失??
????????????????int?selIndex?=?data.getInt("selIndex");??
????????????????et.setText(datas.get(selIndex));??
????????????????dismiss();??
????????????????break;??
????????????case?2:??
????????????????//移除下拉項數據??
????????????????int?delIndex?=?data.getInt("delIndex");??
????????????????datas.remove(delIndex);??
????????????????//刷新下拉列表??
????????????????optionsAdapter.notifyDataSetChanged();??
????????????????break;??
????????}??
????????return?false;??
????}???
}??
自定義適配器Adapter代碼：
public?class?OptionsAdapter?extends?BaseAdapter?{??
??
????private?ArrayList<String>?list?=?new?ArrayList<String>();???
????private?Activity?activity?=?null;???
????private?Handler?handler;??
??????
????/**?
?????*?自定義構造方法?
?????*?@param?activity?
?????*?@param?handler?
?????*?@param?list?
?????*/??
????public?OptionsAdapter(Activity?activity,Handler?handler,ArrayList<String>?list){??
????????this.activity?=?activity;??
????????this.handler?=?handler;??
????????this.list?=?list;??
????}??
??????
????@Override??
????public?int?getCount()?{??
????????return?list.size();??
????}??
??
????@Override??
????public?Object?getItem(int?position)?{??
????????return?list.get(position);??
????}??
??
????@Override??
????public?long?getItemId(int?position)?{??
????????return?position;??
????}??
??
????@Override??
????public?View?getView(final?int?position,?View?convertView,?ViewGroup?parent)?{??
????????ViewHolder?holder?=?null;???
????????if?(convertView?==?null)?{???
????????????holder?=?new?ViewHolder();???
????????????//下拉項布局??
????????????convertView?=?LayoutInflater.from(activity).inflate(R.layout.option_item,?null);???
????????????holder.textView?=?(TextView)?convertView.findViewById(R.id.item_text);???
????????????holder.p_w_picpathView?=?(ImageView)?convertView.findViewById(R.id.delImage);???
??????????????
????????????convertView.setTag(holder);???
????????}?else?{???
????????????holder?=?(ViewHolder)?convertView.getTag();???
????????}???
??????????
????????holder.textView.setText(list.get(position));??
??????????
????????//為下拉框選項文字部分設置事件，最終效果是點擊將其文字填充到文本框??
????????holder.textView.setOnClickListener(new?View.OnClickListener()?{??
????????????@Override??
????????????public?void?onClick(View?v)?{??
????????????????Message?msg?=?new?Message();??
????????????????Bundle?data?=?new?Bundle();??
????????????????//設置選中索引??
????????????????data.putInt("selIndex",?position);??
????????????????msg.setData(data);??
????????????????msg.what?=?1;??
????????????????//發出消息??
????????????????handler.sendMessage(msg);??
????????????}??
????????});??
??????????
????????//為下拉框選項刪除圖標部分設置事件，最終效果是點擊將該選項刪除??
????????holder.p_w_picpathView.setOnClickListener(new?View.OnClickListener()?{??
????????????@Override??
????????????public?void?onClick(View?v)?{??
????????????????Message?msg?=?new?Message();??
????????????????Bundle?data?=?new?Bundle();??
????????????????//設置刪除索引??
????????????????data.putInt("delIndex",?position);??
????????????????msg.setData(data);??
????????????????msg.what?=?2;??
????????????????//發出消息??
????????????????handler.sendMessage(msg);??
????????????}??
????????});??
??????????
????????return?convertView;???
????}??
??
}??
??
??
class?ViewHolder?{???
????TextView?textView;???
????ImageView?p_w_picpathView;???
}???
?
?
主界面布局select.xml文件：
<?xml?version="1.0"?encoding="utf-8"?>??
<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
????android:orientation="vertical"??
????android:layout_width="fill_parent"??
????android:layout_height="fill_parent"??
????android:background="#EEEED1"??
????>??
<LinearLayout?android:id="@+id/parent"?android:layout_width="wrap_content"???
android:layout_height="wrap_content"?android:orientation="horizontal"???
?????android:layout_marginTop="50dp"?android:layout_marginLeft="30dp">??
<EditText?android:id="@+id/edittext"?android:layout_width="200dp"??android:singleLine="true"??
????android:layout_height="40dp"?android:background="@drawable/bg1"?android:paddingLeft="3dp"/>??
<ImageView?android:id="@+id/btn_select"?android:layout_width="30dp"?android:layout_height="40dp"???
????android:src="@drawable/img1"?android:scaleType="fitXY"/>??
</LinearLayout>??
<Button?android:id="@+id/refresh"?android:layout_width="wrap_content"?android:layout_height="45dp"??
????android:text="恢復"?android:textColor="#000000"?android:textSize="20sp"???
android:layout_marginTop="30dp"?android:layout_marginLeft="30dp"/>??
lt;/LinearLayout>??
?
?
PopupWindow浮動下拉框布局options.xml文件：
<?xml?version="1.0"?encoding="utf-8"?>??
<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
????android:orientation="vertical"??
????android:layout_width="fill_parent"??
????android:layout_height="wrap_content"??
????android:gravity="center_horizontal"??
????>??
<ListView?android:id="@+id/list"?android:layout_width="fill_parent"??
????android:layout_height="wrap_content"?android:cacheColorHint="#00000000">??
</ListView>??
</LinearLayout>??
?
下拉選項布局option_item.xml文件：
<?xml?version="1.0"?encoding="utf-8"?>??
<LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
????android:layout_width="fill_parent"??
????android:layout_height="fill_parent"??
????android:background="#235654"??
????>??
<RelativeLayout??
????android:layout_width="wrap_content"??
????android:layout_height="wrap_content"??
????android:gravity="center_vertical"??
????android:minHeight="40dp"??
????>??
<ImageView?android:id="@+id/delImage"?android:layout_width="20dp"??
?????android:layout_height="wrap_content"?android:src="@drawable/del"?android:textSize="18sp"??
????android:layout_alignParentRight="true"?android:layout_marginRight="10dp"/>??
<TextView?android:id="@+id/item_text"??android:layout_height="wrap_content"??
?????android:layout_width="fill_parent"?android:layout_toLeftOf="@id/delImage"??
??????android:paddingLeft="5dp"?android:layout_alignParentLeft="true"></TextView>??
</RelativeLayout>??
</LinearLayout>?
轉載于:https://blog.51cto.com/jinchao/1590314
總結
以上是生活随笔為你收集整理的Android实现仿QQ登录可编辑下拉菜单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 极米H5值得入手吗？极米H5实际体验如何
- 下一篇： Android上的滤镜效果