[英]How can I change spinner background color?
如何更改微調器背景顏色?
這種黑色來自風格。
如何更改微調彈出窗口的樣式顏色?
我想將背景顏色改為白色而不是黑色。 我怎樣才能改變?
紡紗機
<Spinner
android:id="@+id/spinner"
android:layout_width="100dp"
android:layout_marginTop="1dp"
android:layout_height="wrap_content"
android:background="@drawable/spinner_bg"
android:layout_marginLeft="1dp"/>
Spinnerbg.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<color android:color="@color/InputBg1" />
</item>
<item android:gravity="center_vertical|right" android:right="8dp">
<layer-list>
<item android:width="12dp" android:height="12dp" android:background="#fff" android:gravity="center" android:bottom="10dp">
<rotate
android:fromDegrees="45"
android:toDegrees="45">
<shape android:shape="rectangle">
<solid android:color="#ffffff" />
<stroke android:color="#ffffff" android:width="1dp"/>
</shape>
</rotate>
</item>
<item android:width="20dp" android:height="10dp" android:bottom="21dp" android:background="#fff" android:gravity="center">
<shape android:shape="rectangle">
<solid android:color="@color/InputBg1"/>
</shape>
</item>
</layer-list>
</item>
</layer-list>
試試這個..在 res/values/styles.xml 中更改樣式::-
<resources>
<style name="AppBaseTheme" parent="android:Theme.Light">
</style>
<style name="AppTheme" parent="AppBaseTheme">
<item name="android:spinnerDropDownItemStyle">@style/mySpinnerItemStyle</item>
</style>
<style name="mySpinnerItemStyle" parent="@android:style/Widget.Holo.DropDownItem.Spinner">
<item name="android:textColor">@android:color/white</item>
</style>
您可以像這樣在 xml 中設置微調器背景顏色:
android:background="YOUR_HEX_COLOR_CODE"
如果您將下拉菜單與微調器一起使用,您可以像這樣設置其背景顏色:
android:popupBackground="YOUR_HEX_COLOR_CODE"
要更改文本顏色,我建議使用自定義文本布局
為該文件中的文本指定自定義顏色和大小。
spinner_item.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="20sp"
android:gravity="left"
android:textColor="YOUR_HEX_COLOR_CODE"
android:padding="5dip"
/>
現在使用此文件顯示您的微調項目,例如:
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.spinner_item,list);
您不需要設置下拉資源。 只需要spinner_item.xml
即可在微調器中顯示您的項目。
您可以簡單地在<Spinner/>
添加以下代碼來更改彈出背景。
android:popupBackground="COLOR_CODE"
現在代碼應該如下,
<Spinner
android:id="@+id/spinner"
android:layout_width="100dp"
android:layout_marginTop="1dp"
android:layout_height="wrap_content"
android:background="@drawable/spinner_bg"
android:layout_marginLeft="1dp"
android:popupBackground="COLOR_CODE"
/>
在文件夾 res/values/styles.xml 中創建這樣的樣式
<style name="spinnerItemStyle" parent="@android:style/Widget.Holo.DropDownItem.Spinner">
<item name="android:textColor">Put text color code here</item>
<item name="android:background">Put background color code here</item>
</style>
適用於您的微調器
<Spinner
android:id="@+id/spinner"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/spinnerItemStyle"/>
自定義微調器需要做幾件事,如下所示:-
spinner_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<color android:color="@color/InputBg1" />
</item>
<item android:gravity="center_vertical|right" android:right="8dp">
<layer-list>
<item android:width="12dp" android:height="12dp" android:gravity="center" android:bottom="10dp">
<rotate
android:fromDegrees="45"
android:toDegrees="45">
<shape android:shape="rectangle">
<solid android:color="#ffffff" />
<stroke android:color="#ffffff" android:width="1dp"/>
</shape>
</rotate>
</item>
<item android:width="20dp" android:height="10dp" android:bottom="21dp" android:gravity="center">
<shape android:shape="rectangle">
<solid android:color="@color/InputBg1"/>
</shape>
</item>
</layer-list>
</item>
</layer-list>
spinner_item.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
style="@style/spinnerItemStyle"
android:maxLines="1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#ffffff"
android:ellipsize="marquee"
android:textAlignment="inherit"/>
spinner_dropdown_item.xml
<?xml version="1.0" encoding="utf-8"?>
<CheckedTextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
style="@style/spinnerItemStyle"
android:maxLines="1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textColor="#000000"
android:ellipsize="marquee"/>
旋轉器
<Spinner
android:id="@+id/spinner"
android:layout_width="100dp"
android:popupBackground="#ffffff"
android:layout_marginBottom="1dp"
android:layout_height="wrap_content"
android:textColor="#ffff"
style="@style/spinnerItemStyle"
android:background="@drawable/spinner_bg"
android:layout_marginLeft="1dp" />
樣式文件
<style name="spinnerItemStyle" parent="@android:style/Widget.Holo.DropDownItem.Spinner">
<item name="android:textColor">#000000</item>
</style>
為微調器創建適配器
ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this, R.layout.spinner_item, categories);
// Drop down layout style - list view with radio button
dataAdapter.setDropDownViewResource(R.layout.spinner_dropdown_item);
試試下面的代碼
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:state_pressed="true">
<shape android:shape="rectangle">
<solid android:color="#FFAA00"/>
</shape>
</item>
<item
android:state_selected="true">
<shape android:shape="rectangle">
<solid android:color="#FFAA00"/>
</shape>
</item>
</selector>
這是你的微調器
<Spinner
android:id="@+id/sp_data"
android:background="@drawable/mybg"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:textColor="#0000FF"/>
快樂編碼..!!
在styles.xml 中添加以下內容以更改下拉列表的背景顏色和文本顏色。
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Spinner style -->
<item name="android:spinnerStyle">@style/AppTheme.spinnerStyle</item>
<!-- Spinner dropdown style-->
<item name="android:spinnerDropDownItemStyle">@style/AppTheme.spinnerDropDownItemStyle</item>
</style>
<style name="AppTheme.spinnerStyle" parent="@android:style/Widget.Material.Light.Spinner">
<item name="android:textColor">@android:color/white</item>
<item name="android:background">@color/colorPrimary</item>
</style>
<style name="AppTheme.spinnerDropDownItemStyle" parent="@android:style/Widget.Material.DropDownItem.Spinner">
<item name="android:textColor">@android:color/white</item>
<item name="android:background">@color/colorPrimary</item>
</style>
在您的AndroidManifest.xml添加主題。 (檢查android:theme
的值)
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
要更改整個應用程序中的Spinner
項目背景,請添加styles.xml
<resources>
<style name"AppTheme" patent="...">
<item name="android:spinnerStyle">@style/Widget.AppTheme.Spinner</item>
</style>
<style name="Widget.AppTheme.Spinner" parent="Widget.AppCompat.Spinner">
<!-- color is change form here -->
<item name="android:popupBackground">#FFFFFF</item>
</style>
</resources>
您可以將 spinner 包裹在相對布局中,並在相對布局中添加可繪制的背景。代碼如下。
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/borderbottom_white"<!-- white background with
bottom border -->
android:layout_marginTop="15dp" >
<Spinner
android:id="@+id/postfield_category"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="16sp"
android:background="@null"
android:minHeight="0dp" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:src="@drawable/arrowspinner" />
</RelativeLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.