آموزش NumberPicker در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش NumberPicker در برنامه نویسی اندروید می پردازیم همانطور که از نام آن پیدا است برای گرفتن یک عدد مورد استفاده قرار می گیرد در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.

البته اگر آن را مشاهده کنید می بینید که اصلا متریال دیزاین نیست و نمی تونه جلو زیبای رو به برنامه شما بده در روز های آینده یک NumberPicker متریال دیزاین برای شما قرار می دهیم تا از آن استفاده کنید.
ابتدا وارد layout خود شده و کد زیر را در آن قرار دهید نام این فایل در اینجا برابر با activity_main.xml است.

<RelativeLayout 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"
 tools:context=".MainActivity" >
 <NumberPicker
 android:id="@+id/numberPicker1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 />
 <TextView
 android:id="@+id/textView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/numberPicker1"
 android:layout_centerHorizontal="true"
 android:text="Selected Number Display here"
 android:textAppearance="?android:attr/textAppearanceLarge"
 android:gravity="center"/>
</RelativeLayout>

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

tools:context=".MainActivity" >

<NumberPicker

android:id="@+id/numberPicker1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/numberPicker1"

android:layout_centerHorizontal="true"

android:text="Selected Number Display here"

android:textAppearance="?android:attr/textAppearanceLarge"

android:gravity="center"/>

</RelativeLayout>

در بالا ابتدا یک NumberPicker و یک TextView قرار داده ایم نتیجه انتخاب از numberPicker در TextView نمایش پیدا می کند.
و کد مربوط به MainActivity.java همانند زیر می شود.

package ir.programchi;
import android.app.Activity;
import android.os.Bundle;
import android.widget.NumberPicker;
import android.widget.TextView;
public class MainActivity extends Activity {
 NumberPicker numberpicker;
 TextView textview;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 numberpicker = (NumberPicker)findViewById(R.id.numberPicker1);
 textview = (TextView)findViewById(R.id.textView1);
 numberpicker.setMinValue(0);
 numberpicker.setMaxValue(100);
 numberpicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
 @Override
 public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
 textview.setText("Selected Value is : " + newVal);
 }
 });
 }
}

package ir.programchi;

import android.app.Activity;

import android.os.Bundle;

import android.widget.NumberPicker;

import android.widget.TextView;

public class MainActivity extends Activity {

NumberPicker numberpicker;

TextView textview;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

numberpicker = (NumberPicker)findViewById(R.id.numberPicker1);

textview = (TextView)findViewById(R.id.textView1);

numberpicker.setMinValue(0);

numberpicker.setMaxValue(100);

numberpicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {

@Override

public void onValueChange(NumberPicker picker, int oldVal, int newVal) {

textview.setText("Selected Value is : " + newVal);

}

});

}

ابتدا view مربوط به هرکدام از Object ها خودمان را به دست آوردیم سپس با استفاده از ویژگی setMinValue و setMaxValue به ترتیب کمترین مقدار و بیشترین مقدار ار تعیین می کنیم پس کاربر می تونه از ریمج 0 تا 100 یک عددی رو انتخاب کنه حالا برای اینکه عدد انتخابی کاربر رو به دست بیاریم برای آن یک Listener تعریف می کنیم.

این آموزش هم به پایان رسید.

موفق و موید باشید.

مطالعه بیشتر