Day21 - Spinner(一)

Spinner下拉式选单
这也很常用在表单中
如：选择地区、居住地、选择语言、学校
那今天就来学习点选按钮後抓到我目前是选哪个选项八

开始

这个Spinner元件里面选项可由我们自己设定把需要的选项以固定格式写在app -> res/values/strings.xml内
固定格式：

<string-array name="test">
    <item>item1</item>
    <item>item2</item>
    <item>item3</item>
    <item>item4</item>
</string-array>

activity_main.xml

到activity_main.xml後
先到palette栏内的Containers找到Spinner选单元件，并拉出一个
在拉出我们熟悉的按钮Button
最後来个TextView显示结果

(Design页做设计)
之後在Design页点选Spinner後，在右上角的Properties找到entries属性设定成@array/test
(string array name=”test”的name是什麽@array/後面就是什麽)

Or
(Code页做设计)
在Spinner里新增android:entries="@array/test"

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="90dp"
        android:entries="@array/test"
        android:minHeight="48dp"
        android:textAlignment="center"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btn_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="显示"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/spinner" />

    <TextView
        android:id="@+id/tv_result"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="TextView"
        android:textSize="30dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btn_1" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

这边有两个药学的程序码

getResources().getStringArray(R.array.test)：取得字串阵列
getSelectedItemPosition()：抓到Spinner中被选去的项目位置
这边注意：当你选到的是第一个选项时，实际上getSelectedItemPosition()抓到的是0，因为阵列是重0开始计算的

package com.example.spinner;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    TextView tv_result;
    Spinner spinner;
    Button btn_1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv_result = findViewById(R.id.tv_result);
        spinner = findViewById(R.id.spinner);
        btn_1 = findViewById(R.id.btn_1);
        btn_1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String[] temp = getResources().getStringArray(R.array.test);
                int index = spinner.getSelectedItemPosition();
                tv_result.setText("你选取："+temp[index]);
            }
        });
    }
}

执行结果：