Android自定义下拉选择框

一、效果:

本Demo主要是一个自定义的下拉选择框，下拉框可以显示数据，也可以删除数据，类似QQ登陆的EditText。

---

二、编码

(1)主布局相对比较简单，用一个EditText和ImageButton组合而成，而下拉选择列表是用ListView。

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.project.codingma.customizedselectbox.MainActivity">    <RelativeLayout        android:layout_width="200dp"        android:layout_height="wrap_content">        <EditText            android:id="@+id/et_input"            android:layout_width="match_parent"            android:layout_height="wrap_content" />        <ImageButton            android:id="@+id/ib_dropdown"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignBottom="@id/et_input"            android:layout_alignParentRight="true"            android:layout_alignParentTop="true"            android:background="@null"            android:padding="5dp"            android:src="@drawable/down_arrow" />    </RelativeLayout></RelativeLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal">    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:background="@drawable/user" />    <TextView        android:id="@+id/tv_number"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_marginLeft="10dp"        android:layout_weight="1"        android:text="12345" />    <ImageButton        android:id="@+id/delete"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:background="@null"        android:padding="5dp"        android:src="@drawable/delete" /></LinearLayout>

(2)由于ListView中的xml使用了ImageButton，会自动抢夺所在Layout的焦点，导致其他地方的监听事件无效，所以必须在所在Layout添加一个属性。

    android:descendantFocusability="blocksDescendants"

(3)绑定相关控件并生成监听事件

@Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        findViewById(R.id.ib_dropdown).setOnClickListener(this);        etInput = (EditText) findViewById(R.id.et_input);    }    @Override    public void onClick(View v) {        showPopupWindow();    }

(4)创建PopupWindow对象，并初始化下拉选择框布局和数据

 /**     * 下拉选择框     */    private void showPopupWindow() {        initListView();        //显示下拉框        popupWindow = new PopupWindow(listView, etInput.getWidth(), 300);        popupWindow.setOutsideTouchable(true);//外部可触摸        popupWindow.setBackgroundDrawable(new BitmapDrawable()); //设置空的背景        popupWindow.setFocusable(true);        //显示在指定控件下        popupWindow.showAsDropDown(etInput, 0, -5);    }    /**     * 下拉选择框数据和视图     */    private void initListView() {        listView = new ListView(this);        listView.setDividerHeight(0);        listView.setBackgroundResource(R.drawable.listview_background);        listView.setOnItemClickListener(this);        //创建一些数据        datas = new ArrayList<>();        for (int i = 0; i < 30; i++) {            datas.add((10000 + i) + "");        }        listView.setAdapter(new MyAdapter());    }

    private class MyAdapter extends BaseAdapter {        @Override        public int getCount() {            return datas.size();        }        @Override        public Object getItem(int position) {            return datas.get(position);        }        @Override        public long getItemId(int position) {            return position;        }

(5)设置ListView的监听事件

 @Override    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {        String s = datas.get(position);        etInput.setText(s);        popupWindow.dismiss();    }

---

源码地址:https://github.com/codingma/CustomizedSelectBox-