Android Studio开发之路(八)Spinner样式设置

一、需求

白色背景+显示下拉框按钮

问题:

设置Spinner的背景可以通过设置background: android:background="@color/white",但是一旦设置了这个值,右侧的下拉按钮就会消失

方法一、自定义一个style(不成功)

在drawable中添加一个spinner_style.xml,并添加以下内容,然后在布局文件中的Spinner中添加Style

c 复制代码
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/> <!-- 白色背景 -->
        </shape>
    </item>
    <item android:top="-2dp" android:right="-2dp" android:bottom="-2dp">
        <bitmap android:src="@drawable/ic_dropdown" android:gravity="right|center_vertical"/> <!-- 下拉箭头 -->
    </item>
</layer-list>
c 复制代码
<Spinner
            android:id="@+id/spinner_phone"
            android:layout_width="254dp"
            android:layout_height="30dp"
            android:entries="@array/phone"
            style="@drawable/spinner_style"
            android:spinnerMode="dropdown"/>

这里@drawable/ic_dropdown是一个下拉按钮图标,可以用自己现成的,也可以通过android image asset生成一个图标。下面是android image asset使用方法:

drawable右键->new->image asset进入下图页面,按照顺序操作,就会将下拉箭头图标保存到drawable中了。

但是! 这个在我这里不成功,它只显示了图标,背景没有变色

方法二、文字设置、各部分颜色设置 (不成功)

先在values->colors.xml中添加以下三个颜色:spinner_background_color、dropdown_item_selector_color、dropdown_background_color分别代表控件背景颜色、选中的项目颜色、下拉控件背景颜色

然后在styles.xml中添加上这三个颜色:

c 复制代码
 <style name="spinnerColor" parent="Widget.AppCompat.Spinner">
        <item name="android:background">@color/spinner_background_color</item>
        <item name="android:dropDownSelector">@color/dropdown_item_selector_color</item>
        <item name="android:popupBackground">@color/dropdown_background_color</item>
        <item name="android:spinnerStyle">@style/Widget.AppCompat.Spinner.Underlined</item>
    </style>

然后在布局文件的Spinner的style指向它:style="@style/spinnerColor"

至于Spinner文字的设置如下:

在layout中添加一个spinner_item.xml文件,加入以下代码作为文字设置:

c 复制代码
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="12sp"
android:textStyle="normal"
android:textColor="@color/black"
 />

然后在java文件中,:

c 复制代码
Spinner m_phoneSpinner=(Spinner)findViewById(R.id.spinner_phone);
 ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this,
               R.array.phone, R.layout.spinner_item);
        m_phoneSpinner.setAdapter(adapter);

这里R.array.phone是下拉框各项条目,记录在strings.xml中:

c 复制代码
<resources>
    <string name="app_name">MarkCollectionTool</string>

    <string-array name="phone">
        <item>HUAWEI-Mate60</item>
        <item>HUAWEI-Mate60pro</item>
        <item>HUAWEI-P60</item>
        <item>XIAOMI-14Ultra</item>
        <item>OPPO-FIND-N3-FLIP</item>
        <item>VIVO-X-FLOD3</item>
    </string-array>

</resources>

以上都添加了,但是依然没有改变背景颜色变化后下拉按钮消失的情况。

方法三、Spinner+imageView组合 (成功!)

直接进行Spinner的样式修改总是背景和下拉按钮不能共存,于是决定修改背景后在Spinner的上面叠加一个下拉图标,图标我就用的方法一中提到的image asset制作的图标。

c 复制代码
<RelativeLayout
            android:layout_width="250dp"
            android:layout_height="wrap_content">

            <Spinner
                android:id="@+id/spinner_phone"
                android:layout_width="250dp"
                android:layout_height="40dp"
                android:background="@color/white"
                android:layout_centerInParent="true"

                android:entries="@array/phone">

            </Spinner>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_spinner"
                android:background="@color/white"
                android:layout_alignParentRight="true"
                android:layout_alignTop="@id/spinner_phone"
                android:layout_centerVertical="true"/>

        </RelativeLayout>

如上述代码,将spinner和imageView用Relativelayout布局组装起来,将Relativelayout的宽度设置的与spinner宽度一样,这样的话在给imageView设置layout_alignParentRight和layout_alignTop就正好可以让imageview显示在spinner空间的上方靠右的位置。

相关推荐
巴里巴气18 分钟前
selenium基础知识 和 模拟登录selenium版本
爬虫·python·selenium·爬虫模拟登录
198922 分钟前
【零基础学AI】第26讲:循环神经网络(RNN)与LSTM - 文本生成
人工智能·python·rnn·神经网络·机器学习·tensorflow·lstm
JavaEdge在掘金28 分钟前
Redis 数据倾斜?别慌!从成因到解决方案,一文帮你搞定
python
ansurfen32 分钟前
我的第一个AI项目:从零搭建RAG知识库的踩坑之旅
python·llm
前端付豪37 分钟前
20、用 Python + API 打造终端天气预报工具(支持城市查询、天气图标、美化输出🧊
后端·python
前端付豪43 分钟前
19、用 Python + OpenAI 构建一个命令行 AI 问答助手
后端·python
amazinging1 小时前
北京-4年功能测试2年空窗-报培训班学测开-第四十三天
python·学习
vocal1 小时前
【我的安卓第一课】Android 多线程与异步通信机制(1)
android
顾林海1 小时前
ViewModel 销毁时机详解
android·面试·android jetpack
wgyang20162 小时前
我的第一个LangFlow工作流——复读机
python