自定义控件（视图）2期笔记04：自定义控件之使用系统控件（下拉菜单框）

1. 下拉菜单效果图如下：

在EditText的右边放置一个小箭头的图片，点击图片，在EditText的下方弹出一个popupWindow，并对popupWindow进行一些设置即得到想要的效果。

2. 下面通过一个案例演示上面的效果：

（1）新建一个Android工程，命名为" 下拉菜单 "，同时也有美工提供的图片，如下：

（2）首先我们设置一下布局文件activity_main.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="match_parent"
    tools:context="com.himi.spinnerdemo.MainActivity" >

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:text="@string/hello_world"
        android:id="@+id/input" />
    <ImageView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/down_arrow"
        android:background="@drawable/down_arrow"
        android:layout_alignRight="@id/input"
        android:layout_marginTop="10dp"/>

</RelativeLayout>

布局效果如下：

（3）MainActivity.java，如下：

package com.himi.spinnerdemo;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

public class MainActivity extends Activity {
    private EditText input;
    private ImageView downArrow;

    private List<String> msgList;
    private PopupWindow  popWin;
    private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        input = (EditText) findViewById(R.id.input);
        downArrow = (ImageView) findViewById(R.id.down_arrow);
        msgList = new ArrayList<String>();
        //初始化msgList
        for(int i =0; i<20; i++) {
            msgList.add("1000000000"+i);
        }
        
        initListView();
        
        downArrow.setOnClickListener(new OnClickListener() {
            
            public void onClick(View v) {
                //定义popupWindow
                popWin = new PopupWindow(MainActivity.this);
                popWin.setWidth(input.getWidth());
                popWin.setHeight(200);
                popWin.setContentView(listView);//为popWindow填充内容
                popWin.setOutsideTouchable(true);//点击popWin以外的区域，自动关闭popWin
                popWin.showAsDropDown(input, 0, 0);//设置弹出窗口,显式的位置
                
            }
        });
        
    
    }
    private void initListView() {
        listView = new ListView(this);
        listView.setBackgroundResource(R.drawable.listview_background);
        listView.setDivider(null);//设置条目之间的分隔线为null
        listView.setVerticalScrollBarEnabled(false);//关闭竖直方向的滑动条
        listView.setAdapter(new MyListAdapter());
        
    }
    
    private class ViewHolder{
        TextView tv_msg;
        ImageView delete;
    }
    
    private class MyListAdapter extends BaseAdapter {

        public int getCount() {
            // TODO 自动生成的方法存根
            return msgList.size();//不能是设置为20
        }

        public View getView(final int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if (convertView == null) {
                convertView = View.inflate(getApplicationContext(),
                        R.layout.list_item, null);
                holder = new ViewHolder();
                holder.delete = (ImageView) convertView.findViewById(R.id.delete);
                holder.tv_msg = (TextView) convertView.findViewById(R.id.tv_list_item);
                convertView.setTag(holder);        
            } else {
                holder = (ViewHolder)convertView.getTag();
                holder.tv_msg.setText(msgList.get(position));
                holder.delete.setOnClickListener(new OnClickListener() {
                    
                    public void onClick(View v) {
                        // 删除对应的条目，实际是就是删除数据源的数据，然后让Adapter刷新一下
                        msgList.remove(position);
                        //刷新ListView
                        MyListAdapter.this.notifyDataSetChanged();
                        
                    }
                });
                convertView.setOnClickListener(new OnClickListener() {

                    public void onClick(View v) {
                        // 设置输入框
                        input.setText(msgList.get(position));
                        if (popWin != null && popWin.isShowing()) {
                            popWin.dismiss();
                        }
                    }
                });
            }
            return convertView;
        }

        public Object getItem(int position) {
            // TODO 自动生成的方法存根
            return position;
        }

        public long getItemId(int position) {
            // TODO 自动生成的方法存根
            return position;
        }

    }
    
    
    
}

其中ListView的item样式布局是list_item.xml，如下：

<?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="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/user" />
    <!-- layout_weight默认是0，这里显式设置TextView权重为1.其他两个ImageView为默认权重为0 -->

    <TextView
        android:id="@+id/tv_list_item"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:text="@string/hello_world" />

    <ImageView
        android:id="@+id/delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/delete" />

</LinearLayout>

list_item.xml的布局效果如下：

（4）这里不需要权限设置（不用担心AndroidMainfest.xml），布署程序到模拟器上，如下：