关于下拉列表的实现(spinner和PopupWindow+listview)

本文探讨了如何使用Spinner和PopupWindow+ListView实现下拉菜单。作者指出,虽然Spinner是常见选择,但其外观可能不理想。推荐使用PopupWindow+ListView组合,以获得更好的视觉效果。文中通过代码示例展示了如何在XML中设置Spinner的样式,以及如何在values文件中创建数组资源,并在布局中引用。此外,还提供了在代码中控制列表项和监听选择事件的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下拉菜单,个人感觉spinner使用起来不太好看,特别默认会显示第一行建议PopupWindow+listview来实现

1:用Spinner实现

如果要用Spinner的android:prompt的属性(设置该列表选择框的提示)

需要在在XML中,将style设置为Widget.Spinner  , 代码如下:
    style="@android:style/Widget.Spinner"

例如

<Spinner
        style="@android:style/Widget.Spinner"
        android:id="@+id/spinner"
        android:prompt="@string/app_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/languages"/>


spinner可以使用xml中数组最为资源或者使用代码控制

在values下新建arrays.xml

<resources>
        <string-array name="languages">
            <item>c语言</item>
            <item>java </item>
            <item>php</item>
            <item>xml</item>
            <item>html</item>
            <item>c++</item>
        </string-array>
<pre name="code" class="html"><resources>


在xml布局中引用数组资源

<Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:entries="@array/languages"/>

setcontentview后运行就可以直接看出效果

实现item的选择事件

 spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this,list.get(position),Toast.LENGTH_SHORT).show();
            }
            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });

在代码中控制列表项

public class MainActivity extends AppCompatActivity {

    private List<String> list;
    private View view;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /**
         * 模拟数据
         */
        initData();
        Spinner spinner = (Spinner) findViewById(R.id.spinner);
        SpinnerAdapter spinnerAdapter = new SpinnerAdapter();
        spinner.setAdapter(spinnerAdapter);
        /**
         * 选择item事件
         */
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this,list.get(position),Toast.LENGTH_SHORT).show();
            }
            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });
    }
    /**
     *  模拟数据
     */
    private void initData() {
        list = new ArrayList<>();
        for (int i = 0; i < 50; i++) {
            list.add("这是spinner第---"+i);
        }
    }
    class SpinnerAdapter extends BaseAdapter{
        @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(int position, View convertView, ViewGroup parent) {
            view = View.inflate(MainActivity.this, R.layout.item,null);
            TextView text = (TextView) view.findViewById(R.id.text);
            text.setText(list.get(position));
            return view;
        }
    }
}


使用PopupWindow+listview

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

    <EditText
        android:id="@+id/et_number"
        android:layout_width="200dip"
        android:layout_height="wrap_content"
        android:hint="请输入号码" />
    <!--ImageButto为一个向下的箭头-->
    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/et_number"
        android:layout_alignRight="@id/et_number"
        android:layout_alignTop="@id/et_number"
        android:layout_marginRight="5dip"
        android:background="@android:color/transparent"
        android:onClick="showNumberList"
        android:src="@drawable/down_arrow" />

</RelativeLayout>

listview_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"
    android:descendantFocusability="blocksDescendants"
    android:padding="5dip" >

    <!--电话联系人头像-->
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/user" />
    <!--电话号码-->
    <TextView
        android:id="@+id/tv_listview_item_number"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dip"
        android:layout_weight="1"
        android:text="10000001"
        android:textColor="@android:color/black"
        android:textSize="16sp" />
    <!--删除按钮-->
    <ImageButton
        android:id="@+id/ib_listview_item_delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:src="@drawable/delete" />
</LinearLayout>

代码

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener {

    private EditText etNumber;
    private NumberAdapter mAdapter;
    private List<String> numberList;
    private PopupWindow pw;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        etNumber = (EditText) findViewById(R.id.et_number);
    }
    /**
     * 弹出选择号码的对话框
     *
     * @param view
     */
    public void showNumberList(View view) {
        //初始化listview控件和里边的数据
        ListView mListView = initListView();

        // 弹出一个PopupWindow的窗体, 把ListView作为其内容部分显示.
        pw = new PopupWindow(mListView, etNumber.getWidth() - 4, 300);
        //设置可以使用焦点
        pw.setFocusable(true);
        //设置点击pop外部可以被关闭
        pw.setOutsideTouchable(true);
        //设置一个pop的背景
        pw.setBackgroundDrawable(new BitmapDrawable());
        // 把popupwindow显示出来, 显示的位置是: 在输入框的下面, 和输入框是连着的.
        pw.showAsDropDown(etNumber, 2, -5);

    }
    private ListView initListView() {
        ListView mListView = new ListView(this);
        //去掉listview的下分割线
        mListView.setDividerHeight(0);
        mListView.setBackgroundResource(R.drawable.listview_background);
        //去掉右侧垂直滑动条
        mListView.setVerticalScrollBarEnabled(false);
        mListView.setOnItemClickListener(this);
        //模拟假数据
        numberList = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            numberList.add("10000" + i);
        }
        mAdapter = new NumberAdapter();
        mListView.setAdapter(mAdapter);
        return mListView;
    }

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        String number = numberList.get(position);
        etNumber.setText(number);
        pw.dismiss();
    }
    
    private class NumberAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return numberList.size();
        }

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            NumberHolder mHolder = null;
            if(convertView==null){
                convertView =View.inflate(MainActivity.this,R.layout.listview_item,null);
                mHolder=new NumberHolder();
                mHolder.tvNumber= (TextView) convertView.findViewById(R.id.tv_listview_item_number);
                mHolder.ibDelete= (ImageButton) convertView.findViewById(R.id.ib_listview_item_delete);
                convertView.setTag(mHolder);
            }else {
                mHolder = (NumberHolder) convertView.getTag();
            }
            mHolder.tvNumber.setText(numberList.get(position));
            mHolder.ibDelete.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    numberList.remove(position);
                    mAdapter.notifyDataSetChanged();
                    if(numberList.size()==0){
                        pw.dismiss();
                    }
                }
            });
            return convertView;
        }
        @Override 
        public Object getItem(int position) {
            return null;
        }
        @Override
        public long getItemId(int position) {
            return 0;
        }
        
    }
    class NumberHolder {
        TextView tvNumber;
        ImageButton ibDelete;
    }

}

demo下载地址

http://download.youkuaiyun.com/detail/mengshirui_/9531527






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值