【Android】Spinner的基本用法Demo

傷城~ 2022-10-14 00:53 185阅读 0赞

### Spinner的基本用法Demo ###

> **代码**

**kotlin**

//点击协议选择
            val protocols = resources.getStringArray(R.array.protocol)
            val adapter = ArrayAdapter(this, R.layout.item_protocol, protocols)
            viewBinding.serverProtocolSelect.adapter = adapter
            viewBinding.serverProtocolSelect.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
                override fun onNothingSelected(p0: AdapterView<*>?) {}
    
                override fun onItemSelected(adapterView: AdapterView<*>?, view: View?, pos: Int, id: Long) {
                    when (protocols[pos]) {
                        "https" -> ServiceConfig.is_service_https = true
                        else -> ServiceConfig.is_service_https = false
                    }
                }
            }

`另一种写法(从sharedPreferences)中择取:`

//模式选择
            val modes = resources.getStringArray(R.array.mode)
            val modeNum = modes.indexOf(ServiceConfig.mode_change)
            val adapter = ArrayAdapter(this, R.layout.item_mode, modes)
            viewBinding.chooseModeSpinner.adapter = adapter
            viewBinding.chooseModeSpinner.setSelection(modeNum)//设置系统原模式
            viewBinding.chooseModeSpinner.onItemSelectedListener = object : AdapterView.OnItemSelectedListener {
                override fun onNothingSelected(p0: AdapterView<*>?) {}
    
                override fun onItemSelected(adapterView: AdapterView<*>?, view: View?, pos: Int, id: Long) {
                    selectedItem = modes[pos]
                }
            }

**Layout**  
`layout`

<Spinner
    	android:id="@+id/server_protocol_select"
    	style="@style/Spinner.LittleList"
    	android:entries="@array/protocol" />
    
    <style name="Spinner.LittleList">
    	<item name="android:layout_width">match_parent</item>
    	<item name="android:layout_height">@dimen/spinner.list</item>
        <item name="android:overlapAnchor">false</item>
        <item name="android:spinnerMode">dropdown</item>
        <item name="android:theme">@style/SpinnerColor</item>
    </style>

`item`

<?xml version="1.0" encoding="utf-8"?>
    <TextView style="@style/Spinner.ListItem" />
    
    <style name="Spinner.ListItem">
    	<item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">@dimen/spinner.list</item>
        <item name="android:background">@drawable/settings_selector_protocol</item>
        <item name="android:gravity">center</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textSize">@dimen/tip</item>
        <item name="android:textStyle">bold</item>
        <item name="android:padding">@dimen/spinner.padding</item>
        <item name="android:text">123</item>
    </style>

`array`

<resources>
        <string-array name="protocol">
            <item>http</item>
            <item>https</item>
        </string-array>
    </resources>

> **示例:**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQ3MzIyOA_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQ3MzIyOA_size_16_color_FFFFFF_t_70 1]

> **一些其他的要点**

`更改spinner 箭头颜色`

//在styles 里面添加一个新的style 可以叫 SpinnerStyle
    <style name="SpinnerStyle">
        <item name="colorControlNormal">#ddffffff</item> 
    </style>

然后在layout中让相应的spinner 引用这个theme

`从标签底部向下弹出`

android:overlapAnchor="false"

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQ3MzIyOA_size_16_color_FFFFFF_t_70]: /images/20221014/f7cf3bd384d04b2aaa03072997418b16.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQ3MzIyOA_size_16_color_FFFFFF_t_70 1]: /images/20221014/a26086fd80214730bf0c1fd90845f038.png