美文网首页
spinner控件

spinner控件

作者: 艾姆凡 | 来源:发表于2017-10-29 23:01 被阅读0次

1、效果图

效果图

2、实现方法

方法一

直接上xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="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:orientation="vertical"
    >

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/firstButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="BatMan"
            android:onClick="chooseHero"/>

        <RadioButton
            android:id="@+id/secondButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Superman"
            android:onClick="chooseHero"/>

        <RadioButton
            android:id="@+id/thirdButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Godess"
            android:onClick="chooseHero"/>

        <RadioButton
            android:id="@+id/fourthButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="One"
            android:onClick="chooseHero"/>
    </RadioGroup>
    <Spinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:entries="@array/superhero"/>
    
    <ImageButton
        android:id="@+id/heroImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/bat"/>

</LinearLayout>

其中android:entries="@array/superhero"一行,需要在/resource/values下定义,一般对于这种列表型的,新建一个arrays.xml,这只是通用做法,但不是必须,arrays.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="superhero">
        <item>蝙蝠侠</item>
        <item>大超</item>
        <item>神奇女侠</item>
        <item>one老师</item>
    </string-array>
</resources>

activity_xml实际调用时,是根据string-array类型和name去查找,所以arrays.xml的文件名不是必须的。通过这两个xml即可完成最简单的spinner控件。

Android系统对所有的xml资源文件其实是不加区别的,觉得values资源类型的不在于放在什么什么文件,而在于标签名,比如string-array的标签名决定了这是一个array资源。

建议将数组资源统一放在values/arrays.xml中。

方法二

在代码中添加spinner,首先在xml中添加spinner控件,如下:

    <Spinner
        android:id="@+id/spinner_code"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

与方法一的区别在于entries,因为具体的入口是在代码中完成的。在MainActivity中的onCreate中添加spinner控件需要3个对象:1、Spinner;2、数据(List);3、 适配器(ArrayAdapter)。添加代码如下:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ImageButton;
import android.widget.Spinner;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        spinner_withcode = (Spinner) findViewById(R.id.spinner_code);
        data_list = new ArrayList<String>();
        data_list.add("bat");
        data_list.add("lady");
        data_list.add("super");
        data_list.add("unbelievable");

        // 适配器
        arr_adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, data_list);

        // 设置样式
        arr_adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        // 加载适配器
        spinner_withcode.setAdapter(arr_adapter);

    }

    public void chooseHero(View view) {

        ImageButton heroImage = (ImageButton)findViewById(R.id.heroImage);
        int heroImageId = 0;

        if (view.getId() == R.id.firstButton) {
            heroImageId = R.drawable.bat;
        } else if (view.getId() == R.id.secondButton) {
            heroImageId = R.drawable.superman;
        } else if (view.getId() == R.id.thirdButton) {
            heroImageId = R.drawable.godess;
        } else if (view.getId() == R.id.fourthButton) {
            heroImageId = R.drawable.one;

        }
        heroImage.setImageResource(heroImageId);


    }

    private Spinner spinner_withcode;
    private List<String>data_list;
    private ArrayAdapter<String> arr_adapter;
}

关于ArrayAdapter的详细描述,可见Android ArrayAdapter 详解
android.R.layout.simple_spinner_item和layout.simple_spinner_dropdown_item都是AS内部的xml,两者的主要区别在于前者比后者多一个属性android:textAlignment="inherit",实际效果图如下:

simple_spinner_item.xml
simple_spinner_dropdown_item.xml
android layout的属性,可在android layout布局属性查询。

相关文章

网友评论

      本文标题:spinner控件

      本文链接:https://www.haomeiwen.com/subject/ufqhpxtx.html