自定义下拉选择框

下拉选择框的实现

分析:
1.测量,布局,绘制都可在xml文件中控制实现,所以只需要让该自定义view继承根节点

布局文件如下

*view_spinner.xml

<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="wrap_content"
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=".MainActivity" >

<EditText
android:id="@+id/edit"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/et_bg" />

<ImageView 
android:id="@+id/arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/down_arrow"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"/>


</RelativeLayout>

item文件list_item.xml

<?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="wrap_content"
android:padding="8dp" >

<ImageView 
android:id="@+id/icon_user"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/user"/>

<TextView 
android:id="@+id/user_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/icon_user"
android:layout_centerVertical="true"
android:paddingLeft="8dp"
android:text="110"/>

<ImageView 
android:id="@+id/delete"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/delete"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:paddingRight="8dp"/>


</RelativeLayout>

自定义控件代码

import java.util.ArrayList;
import java.util.List;

import com.androidbus.view1.MainActivity.ViewHolder;

import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;

public class SpinnerView extends RelativeLayout {

    private ImageView mArrow;
    private EditText mEdit;
    private PopupWindow mPopupWindow;

    private List<String> mDataList;

    /**
     * 布局里面调用
     * @param context
     * @param attrs
     */
    public SpinnerView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        //初始化布局
        LayoutInflater.from(getContext()).inflate(R.layout.view_spinner, this);

        mockData();
initView();
initEvent();
    }

    /**
     * 代码new控件
     * @param context
     */
    public SpinnerView(Context context) {
        this(context, null);
    }

    private void mockData() {
        mDataList = new ArrayList<String>();
        for (int i = 0; i < 30; i++) {
            mDataList.add(String.valueOf(i));
        }
    }

    private void initEvent() {
        mArrow.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                showPopupWindow();
            }
        });
    }

    protected void showPopupWindow() {
        //只创建一次popupwindow
        if (mPopupWindow == null) {
            int width = mEdit.getWidth();
            int height = 300;
            mPopupWindow = new PopupWindow(width, height);

//          TextView tv = new TextView(this);
//          tv.setBackgroundColor(Color.BLUE);
            ListView listView = new ListView(getContext());
            listView.setAdapter(mAdapter);
            //给listView设置背景
            listView.setBackgroundResource(R.drawable.listview_background);
            listView.setOnItemClickListener(new OnItemClickListener() {

                @Override
                public void onItemClick(AdapterView<?> parent, View view,
                        int position, long id) {
                    //2. 点击列表选项，在编辑框中显示内容
                    String data = mDataList.get(position);
                    mEdit.setText(data);
                    //设置光标到末尾
                    mEdit.setSelection(data.length());
                    mPopupWindow.dismiss();
                }
            });


            mPopupWindow.setContentView(listView);

            //让popupwindow消失
            mPopupWindow.setOutsideTouchable(true);
            //只有设置背景之后，popupwindow内部才会处理触摸事件，然popupwindow消失
            mPopupWindow.setBackgroundDrawable(new ColorDrawable());

            //设置焦点
            mPopupWindow.setFocusable(true);

        }

        //弹出popupwindow
        mPopupWindow.showAsDropDown(mEdit);
    }

    private void initView() {
        mArrow = (ImageView) findViewById(R.id.arrow);
        mEdit = (EditText) findViewById(R.id.edit);
    }

    private BaseAdapter mAdapter = new BaseAdapter() {

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder vh = null;
            if (convertView == null) {
//              View.inflate(context, resource, root)
                convertView = LayoutInflater.from(getContext())
                        .inflate(R.layout.list_item, null);
                vh = new ViewHolder(convertView);
                convertView.setTag(vh);
            } else {
                vh = (ViewHolder) convertView.getTag();
            }

            //刷新id
            final String data = mDataList.get(position);
            vh.mId.setText(data);
            vh.mDelete.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    //将点击位置的数据移除，并且刷新列表
                    mDataList.remove(data);
                    notifyDataSetChanged();
                }
            });

            return convertView;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public int getCount() {
            return mDataList.size();
        }
    };

    public class ViewHolder {
        TextView mId;
        ImageView mDelete;

        public ViewHolder(View root) {
            mId = (TextView) root.findViewById(R.id.user_id);
            mDelete = (ImageView) root.findViewById(R.id.delete);
        }
    }

}