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"
,实际效果图如下:
android layout的属性,可在android layout布局属性查询。