Android x Kotlin : 简易实作第一堂-滚动式选单NumberPicker

简介

滚动式选单依然是常用基本元件之一，使用起来也非常容易。直接上图。
选项里面可以放Int或String，方式不太一样。先来看纯数字的怎麽做。

资料来源:台湾漫画基地

1.activity_main.xml

放入numberPicker元件，可以设定solidColor跟scrollbar等一些基本设定

    <NumberPicker
        android:id="@+id/num_year"
        android:layout_width="0dp"
        android:layout_height="144dp"
        android:solidColor="@color/colorFFFFFF"
        android:scrollbarSize="5dp"
        app:layout_constraintBottom_toTopOf="@id/btn_cancel_birth"
        app:layout_constraintEnd_toStartOf="@id/num_month"
        app:layout_constraintStart_toStartOf="parent"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="16dp" />
        
    <NumberPicker
        android:id="@+id/num_month"
        android:layout_width="0dp"
        android:layout_height="144dp"
        android:solidColor="@color/colorFFFFFF"
        app:layout_constraintBottom_toTopOf="@id/btn_cancel_birth"
        app:layout_constraintEnd_toStartOf="@id/num_day"
        app:layout_constraintStart_toEndOf="@id/num_year"
        android:layout_marginEnd="4dp"/>

    <NumberPicker
        android:id="@+id/num_day"
        android:layout_width="0dp"
        android:layout_height="144dp"
        android:solidColor="@color/colorFFFFFF"
        app:layout_constraintBottom_toTopOf="@id/btn_cancel_birth"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/num_month"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="4dp"/>

2.MainActivity.kt

设定每个选单的最大值与最小值，并用xxx.value(getValue)取得使用者选取的值。

        num_day.maxValue = 31
        num_day.minValue = 1
        num_month.maxValue = 12
        num_month.minValue = 1
        num_year.maxValue = 2020
        num_year.minValue = 1990
        
        println("${num_year.value}年${num_month.value}月${num_day.value}日")

Done.

那如果选单内容要放字串呢?

资料来源:台湾漫画基地

1.activity_main.xml

<NumberPicker
        android:id="@+id/text_picker"
        android:layout_width="0dp"
        android:layout_height="144dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:background="@color/colorFFFFFF"
        android:solidColor="@color/colorFFFFFF"
        app:layout_constraintBottom_toTopOf="@id/btn_cancel_txt_picker"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

2.MainActivity.kt

我们把选项内容的字串放入一个array，并告知系统这个阵列的size为3(0~2)
取资料时，去拿displayedValues这个阵列中的索引值，来取得对应字串。

text_picker.maxValue = 2
text_picker.minValue = 0
text_picker.setDisplayedValues( arrayOf<String>("创作谘询", "媒合谘询", "其他服务"))

println(text_picker.displayedValues[text_picker.value].toString())

Done.