Android 下拉列表Spinner

2018-09-11  本文已影响133人  Lost_Robot

在UI中经常会使用到下拉列表,在android控件中有两个下拉列表控件:

使用步骤:
  1. 在布局中添加Spinner
  2. 设置数据源
  3. 设置显示的主题
  4. 添加点击的响应事件

在xml中添加控件的使用:

 <android.support.v7.widget.AppCompatSpinner
            android:id="@+id/achievement_spinner_acs"
            style="@style/spinner"
            android:minHeight="45dip"
            android:minWidth="140dip"
            android:padding="@dimen/padding_size_two"
            android:spinnerMode="dropdown"
            android:theme="@style/spinnerHead"
            app:layout_constraintTop_toBottomOf="@+id/achievement_title_view" />

主题:

   <style name="spinnerHead" parent="Widget.AppCompat.DropDownItem.Spinner">
        <item name="android:textColor">@color/colorSpinnerText</item>
        <item name="android:textSize">14sp</item>
    </style>

    <style name="spinner" parent="Widget.AppCompat.DropDownItem.Spinner">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <!--设置 spinner 显示位置往下偏移 actionBarSize 的高度, 默认显示是直接显示在 Spinner 的选中项的上方-->
        <item name="android:dropDownVerticalOffset">?attr/actionBarSize</item>
        <!--设置选中之后Item 的背景变换 设置背景为 灰色背景色-->
        <item name="android:dropDownSelector">@color/colorWhite</item>
        <!--设置下拉框的 list 的样式, 主要是设置 分割线, 当然也可以设置下拉的 list 的背景颜色-->
        <item name="android:dropDownListViewStyle">@style/spinnerListStyle</item>
        <!--设置显示在 popup 中 item(TextView) 的样式-->
        <item name="android:dropDownItemStyle">@style/itemSpinnerStyle</item>
    </style>

    <!--设置分割线-->
    <style name="spinnerListStyle" parent="@android:style/Widget.ListView.DropDown">
        <item name="android:divider">#c1bdbd</item>
        <item name="android:dividerHeight">1dp</item>
    </style>

    <!--设置文本颜色 和大小-->
    <style name="itemSpinnerStyle" parent="@android:style/Widget.TextView.SpinnerItem">
        <item name="android:textColor">@color/colorWhite</item>
        <item name="android:textSize">16sp</item>
    </style>

这些都没有达到我要的效果:

 mSpinner = findViewById(R.id.achievement_spinner_acs) as AppCompatSpinner

        val mData = ArrayList<String>()
        mData.add("全部")
        mData.add("已提货")
        mData.add("线下")
        mData.add("门店")
        val adapter = ArrayAdapter(mContext!!, android.R.layout.simple_spinner_item, mData)
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
        mSpinner?.adapter = adapter

        mSpinner?.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
            override fun onItemSelected(parent: AdapterView<*>, view: View, position: Int, id: Long) {

                //修改了字体的颜色,大小最好不要在这里设置了
                val tv = view as TextView
                tv.setTextColor(resources.getColor(R.color.colorSpinnerText))
//                tv.setTextSize(12.0f)

            }

            override fun onNothingSelected(parent: AdapterView<*>) {

            }
        }
        mSpinner?.setSelection(0)
属性说明:
mSpinner.setPopupBackgroundResource(R.drawable.back);//popUp显示的背景颜色
mSpinner.setBackgroundResource(R.drawable.back);   //显示的背景颜色

android:entries // 传入的是values文件夹下的arrayx.xml内的数据
android:spinnerMode //显示模式有popmenu和dialog两种
android:prompt //当显示模式为dialog时生效,作用为显示dialog的标题内容


其他属性
上一篇下一篇

猜你喜欢

热点阅读