android实现下拉框(spinner),自定义大小颜色背景位置,去掉默认样式黑边

1. 实现最简单的spinner

xml文件,有一个TextView,一个Spinner:

"http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    "@string/hello_world" android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView" />

    "match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/spinner"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="50dp" />

</RelativeLayout>

.java文件

public class MainActivity extends ActionBarActivity {
    private static final String[] name={"刘备","关羽","张飞","曹操","小乔"};
    private TextView text ;
    private Spinner spinner;
    private ArrayAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        text = (TextView) findViewById(R.id.textView);
        spinner = (Spinner) findViewById(R.id.spinner);

        //将可选内容与ArrayAdapter连接起来,simple_spinner_item是android系统自带样式
        adapter = new ArrayAdapter(this,android.R.layout.simple_spinner_item,name);
        //设置下拉列表的风格,simple_spinner_dropdown_item是android系统自带的样式,等会自定义修改
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        //将adapter 添加到spinner中
        spinner.setAdapter(adapter);
        //添加事件Spinner事件监听
        spinner.setOnItemSelectedListener(new SpinnerSelectedListener());
    }

    //使用数组形式操作
    class SpinnerSelectedListener implements AdapterView.OnItemSelectedListener {

        public void onItemSelected(AdapterView arg0, View arg1, int arg2,
                                   long arg3) {
            text.setText("我的名字是:"+name[arg2]);
        }

        public void onNothingSelected(AdapterView arg0) {
        }
    }

运行效果:
这里写图片描述

—————————————————————

使用xml文件作为数据源创建adapter:

  
<resources>  
    <string-array name="songs">  
        <item>没有人item>  
        <item>我的快乐时代item>  
        <item>黄金时代item>  
        <item>习惯失恋item>  
        <item>你来自哪颗星item>  
    string-array>  
resources>  

.java文件:

public class SpinnerActivity extends Activity {  

    private TextView text;  
    private Spinner spinner;  
    private ArrayAdapter adapter;  

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        // TODO Auto-generated method stub  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.spinner);  

        spinner = (Spinner) findViewById(R.id.spinner);  
        text = (TextView) findViewById(R.id.textView);  

        //将可选内容与ArrayAdapter连接起来  
        adapter = ArrayAdapter.createFromResource(this, R.array.songs, android.R.layout.simple_spinner_item);  

        //设置下拉列表的风格   
 adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  

        //将adapter2 添加到spinner中  
        spinner.setAdapter(adapter);  

        //添加事件Spinner事件监听    
        spinner.setOnItemSelectedListener(new SpinnerXMLSelectedListener());  

    }  

    //使用XML形式操作  
    class SpinnerXMLSelectedListener implements OnItemSelectedListener{  
        public void onItemSelected(AdapterView arg0, View arg1, int position,  
                long arg3) {  
            text.setText("你使用什么样的手机:"+adapter.getItem(position));  
        }  

        public void onNothingSelected(AdapterView arg0) {  

        }  

    }  
}  

spinner有三个属性可以记一下:

 android:spinnerMode="dropdown"
 android:dropDownVerticalOffset="-50dp"
 android:dropDownHorizontalOffset="20dp"
 android:popupBackground="#f0000000"  

spinnerMode=dropdown时,为下拉模式
spinnerMode=dialog时,会在界面中间弹出
android:popupBackground=”#f0000000”,可以去除spinner的默认黑边
dropDownVerticalOffset和dropDownHorizontalOffset都是改变下拉框位置的

2.自定义spinner样式

改变字体颜色、大小和背景:
新建一个xml布局文件,命名为spinner_item.xml:



    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingRight="5dp"
        android:textColor="#f77718"
        android:gravity="left"
        android:textSize="15sp"
        android:padding="10dp"
        android:singleLine="true"
        android:text="New Text"
        android:id="@+id/textView32" />

再创建一个下拉框样式布局的xml文件,命名为dropdown_stytle.xml:


    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="New Text"
        android:padding="10dp"
        android:singleLine="true"
        android:textSize="15sp"
        android:textColor="#f77718"
        android:gravity="left"
        android:background="#aa33ac"
        android:id="@+id/textView3333" />

修改之前.java中的
这里写图片描述
为:

    adapter = new ArrayAdapter(this,R.layout.spinner_item,name);

    adapter.setDropDownViewResource(R.layout.dropdown_style);

如果下拉框有黑边,可以在spinner中加上属性android:popupBackground=”#f0000000”,可以去除spinner的默认黑边,that’s all~

最后的效果图:
这里写图片描述

你可能感兴趣的:(Android开发)