[Android] Number Picker

이번 글에서는 안드로이드에서 숫자를 고를 때 활용하면 좋은 Number Picker를 사용해보자.

XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <NumberPicker
            android:id="@+id/picker_year"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="10dp"
            android:layout_weight="1" />


        <NumberPicker
            android:id="@+id/picker_month"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="10dp"
            android:layout_weight="1" />

    </LinearLayout>

</LinearLayout>

 

MainActivity

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.pickerYear.apply {
            maxValue = Calendar.getInstance().get(Calendar.YEAR)
            minValue = 1980
            value = minValue
            setOnLongPressUpdateInterval(1000) // 아래나 위 숫자를 꾹 누르면 이동하며, 그때 누르고 있어야 하는 시간
            wrapSelectorWheel = true // max, min value에서 넘어가도록 할지 설정, true일 시 넘어감
            setOnScrollListener { view, scrollState ->
                when (scrollState) {
                    SCROLL_STATE_FLING -> Unit // 스크롤이 움직이는중
                    SCROLL_STATE_TOUCH_SCROLL -> Unit // 스크롤이 터치되어있는 상태
                    SCROLL_STATE_IDLE -> Unit // 스크롤이 정지되어있는 상태
                }
            }
            setOnValueChangedListener { picker, oldVal, newVal -> // 값이 변경될 때 마다 호출됨
                Log.e("Tag", "${oldVal}에서 ${newVal}로 변경")
            }
        }

        binding.pickerMonth.apply {
            maxValue = 12
            minValue = 1
            value = minValue
        }
    }
}