Android 实例讲解 Spinner样式修改

た入场券 2022-08-12 02:58 584阅读 0赞

对于android项目开发来说，常常会用到Spinner实现下拉框的效果。而对于Spinner加载适配器的方法有多种：

1.直接加载android自带的ArrayAdapter,SimpleAdapter；

2.自定义继承BaseAdapter的适配器。

对于适配器加载自定义的xml布局文件，修改该Spinner样式较简单，就是在定义的xml布局文件中修改显示的样式就可以。但对于加载android自带的xml布局文件，有时会出现不是项目所需要的效果。主要问题有下拉几个：

1.Spinner本身背景显示样式；

2.Spinner中文本框显示样式；

3.Spinner下拉菜单框显示样式；

下面通过实例解决上面提出的几个样式问题：

package com.example.spinnerdemo;
 
 import android.app.Activity;
 import android.os.Bundle;
 import android.widget.ArrayAdapter;
 import android.widget.Spinner;
 
 public class MainActivity extends Activity {
 
 	private Spinner spinner;
 	private Spinner spinnerTwo;
 	private String[] datas;
 
 	@Override
 	protected void onCreate(Bundle savedInstanceState) {
 		super.onCreate(savedInstanceState);
 		setContentView(R.layout.activity_main);
 
 		spinner = (Spinner) this.findViewById(R.id.spinner);
 		spinnerTwo = (Spinner) this.findViewById(R.id.spinnerTwo);
 		datas = new String[] { "张三", "李四", "王五", "赵六" };
 
 		//原生态样式,以android.R.layout.simple_spinner_dropdown_item为例，其他修改类似
 		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
 				android.R.layout.simple_spinner_dropdown_item, datas);
 		adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
 		spinner.setAdapter(adapter);
 
 		//根据原生态样式改变而来的自定义样式
 		//Spinner中文框显示样式
 		ArrayAdapter<String> adapterTwo = new ArrayAdapter<String>(this,
 				R.layout.my_simple_spinner_self_item, datas);
 		//Spinner下拉菜单显示样式
 		adapterTwo
 				.setDropDownViewResource(R.layout.my_simple_spinner_dropdown_item);
 		spinnerTwo.setAdapter(adapterTwo);
 	}
 
 }

由MainActivity.java中以android.R.layout.simple\_spinner\_dropdown\_item为例，其中android.R.layout.simple\_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="?android:attr/spinnerDropDownItemStyle"
 android:singleLine="true"
 android:layout_width="match_parent"
 android:layout_height="?android:attr/dropdownListPreferredItemHeight"
 android:ellipsize="marquee"
 android:textAlignment="inherit"/>

而我们需要实现上面需要实现的样式，只需在其基础上进行修改就可以了。

1.修改Spinner本身背景色

a. 设置背景色选择器spinner\_selector.xml

<?xml version="1.0" encoding="utf-8"?> 
 
 <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
 <item android:state_pressed="true" android:drawable="@color/blue" /> 
 <item android:state_focused="true" android:drawable="@color/blue" /> 
 <item android:drawable="@color/white" /> 
 </selector>

b. 颜色设置 color.xml

<resources>
 	<color name="white">#FFFFFF</color>
 	<color name="blue">#0000FF</color>
 </resources>

c.背景色设置activity\_main.xml

2.Spinner中文本显示样式

<?xml version="1.0" encoding="utf-8"?>
 
 <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@android:id/text1"
 style="?android:attr/spinnerDropDownItemStyle"
 android:textColor="#0000FF"
 android:gravity="center"
 android:singleLine="true"
 android:layout_width="match_parent"
 android:layout_height="40dp"
 android:ellipsize="marquee"
 android:textAlignment="inherit"
 android:background="#FFFFFF"/>

3.Spinner下拉框显示样式

<?xml version="1.0" encoding="utf-8"?>
 
 <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@android:id/text1"
 style="?android:attr/spinnerDropDownItemStyle"
 android:layout_width="match_parent"
 android:layout_height="40dp"
 android:background="#00FF00"
 android:ellipsize="marquee"
 android:gravity="center"
 android:singleLine="true"
 android:textAlignment="inherit"
 android:textColor="#FF0000"
 android:textSize="24sp" />

上面就是Spinner样式设置的所有内容，可以试试看。  
源码地址：[http://download.csdn.net/detail/a123demi/7931263][http_download.csdn.net_detail_a123demi_7931263]

[http_download.csdn.net_detail_a123demi_7931263]: http://download.csdn.net/detail/a123demi/7931263