آموزش Number Picker متریال دیزاین در اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش Number Picker متریال دیزاین در اندروید می پردازیم از number picker همانطور که قبلا گفتیم برای گرفتن یک عدد از کاربر است ولی همانند EditText نیست بلکه کاربر با انتخاب عددی را که می خواهد قرار می دهد در قبل آموزش number picker قرار داده بودیم امروز نسخه متریال دیزاین آن را قرار خواهیم داد در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.

مثل همیشه برای استفاده از این کتاب خانه باید ابتدا آن را اضافه کنید.
برای اینکار وارد فایل Build.gradle از نوع module شده و در بخش dependencies خط زیر را اضافه کنید.

compile 'com.github.travijuu:numberpicker:1.0.7'

1	compile 'com.github.travijuu:numberpicker:1.0.7'

سپس پروژه را sync کنید
نحوه استفاده از آن
ابتدا در activity_main.xml خود کد زیر را قرار دهید.

<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"
    xmlns:numberpicker="http://schemas.android.com/apk/res-auto"
    tools:context="com.travijuu.numberpicker.sample.MainActivity">
    <com.travijuu.numberpicker.library.NumberPicker
        android:id="@+id/number_picker"
        android:layout_width="130dp"
        android:layout_height="40dp"
        numberpicker:min="0"
        numberpicker:max="10"
        numberpicker:value="-5"
        numberpicker:unit="1"
        numberpicker:focusable="false"
        numberpicker:custom_layout="@layout/number_picker_custom_layout" />
</LinearLayout>

<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"

xmlns:numberpicker="http://schemas.android.com/apk/res-auto"

tools:context="com.travijuu.numberpicker.sample.MainActivity">

<com.travijuu.numberpicker.library.NumberPicker

android:id="@+id/number_picker"

android:layout_width="130dp"

android:layout_height="40dp"

numberpicker:min="0"

numberpicker:max="10"

numberpicker:value="-5"

numberpicker:unit="1"

numberpicker:focusable="false"

numberpicker:custom_layout="@layout/number_picker_custom_layout" />

</LinearLayout>

numberpicker:min : کمترین مقدار number Picker را تنظیم می کند.
numberpicker:max : بیشترین مقدار Number Picker را تنظیم می کند.
numberpicker:value : مقدار پیشفرض را تعیین می کند.
numberpicker:unit : میزان تغییر را تعیین می کند.
numberpicker:focusable : این ویژگی در بیشتر View ها وجود دارد یعنی اگر فقط این view در صفحه بود کیبورد بروی آن Focus نکند.
در بالا همانطور که می بینید از numberpicker:custom_layout استفاده کردیم تا شکل سفارشی ایجاد کنیم .
پس یک فایل به نام number_picker_custom_layout.xml ایجاد کرده و کد زیر را در آن قرار دهید.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="130dp"
    android:layout_height="40dp"
    android:orientation="horizontal">
    <EditText
        android:layout_width="70dp"
        android:layout_height="match_parent"
        android:text="@string/display"
        android:textColor="@android:color/black"
        android:inputType="number"
        android:id="@+id/display"
        android:gravity="center"
        />
    <Button
        android:layout_width="30dp"
        android:layout_height="match_parent"
        android:padding="0dp"
        android:id="@+id/decrement"
        android:textStyle="bold"
        android:text="@string/decrement"/>
    <Button
        android:layout_width="30dp"
        android:layout_height="match_parent"
        android:padding="0dp"
        android:textSize="25sp"
        android:id="@+id/increment"
        android:text="@string/increment"/>
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="130dp"

android:layout_height="40dp"

android:orientation="horizontal">

<EditText

android:layout_width="70dp"

android:layout_height="match_parent"

android:text="@string/display"

android:textColor="@android:color/black"

android:inputType="number"

android:id="@+id/display"

android:gravity="center"

<Button

android:layout_width="30dp"

android:layout_height="match_parent"

android:padding="0dp"

android:id="@+id/decrement"

android:textStyle="bold"

android:text="@string/decrement"/>

<Button

android:layout_width="30dp"

android:layout_height="match_parent"

android:padding="0dp"

android:textSize="25sp"

android:id="@+id/increment"

android:text="@string/increment"/>

</LinearLayout>

و نحوه دسترسی به آن هم همانند زیر می شود در زیر آن را سفارشی کردیم

        NumberPicker numberPicker = (NumberPicker) findViewById(R.id.number_picker);
        numberPicker.setMax(15);
        numberPicker.setMin(5);
        numberPicker.setUnit(2);
        numberPicker.setValue(10);