Tutorial :: Android :: ตัวอย่างการใช้งาน :: ตัวอย่างการคืนค่าค่าข้อมูลปัจจุบันใน NumberPicker
ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างการคืนค่าค่าข้อมูลปัจจุบันใน NumberPicker โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้
การเขียนคำสั่งภายใน Class Activity
- package nutt.me.activity;
- import android.app.Activity;
- import android.os.Bundle;
- import android.view.View;
- import android.widget.Button;
- import android.widget.NumberPicker;
- import android.widget.Toast;
- public class MainActivity extends Activity
- {
- public void onCreate ( Bundle savedInstanceState )
- {
- super.onCreate ( savedInstanceState );
- this.setContentView ( R.layout.activity_main );
- Button button = ( Button ) this.findViewById ( R.id.button );
- button.setOnClickListener ( new View.OnClickListener ( )
- {
- public void onClick ( View v )
- {
- NumberPicker numberpicker = ( NumberPicker ) MainActivity.this.findViewById ( R.id.numberpicker );
- int value = numberpicker.getValue ( );
- String currentValue = Integer.toString ( value );
- Toast toast = Toast.makeText ( MainActivity.this, "Current Value : " + currentValue, Toast.LENGTH_LONG );
- toast.show ( );
- }
- }
- );
- }
- }
จากคำสั่งข้างต้น สามารถอธิบายได้ว่า คำสั่ง NumberPicker numberpicker = ( NumberPicker ) MainActivity.this.findViewById ( R.id.numberpicker ); ในบรรทัดที่ 25 เป็นการสร้าง Object NumberPicker โดยการไปค้นหามาจาก XML Layout และคำสั่ง int value = numberpicker.getValue ( ); ในบรรทัดที่ 27 เป็นการคืนค่าค่าข้อมูลปัจจุบันใน NumberPicker แล้วนำค่าที่ได้นั้นมาเก็บไว้ที่ตัวแปรประเภท int
การเขียนคำสั่งภายในไฟล์ XML Layout
- <?xml version="1.0" encoding="utf-8"?>
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent">
- <NumberPicker
- android:id="@+id/numberpicker"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_centerHorizontal="true"
- android:layout_centerVertical="true" />
- <Button
- android:id="@+id/button"
- android:layout_below="@id/numberpicker"
- android:layout_marginTop="10dp"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_centerHorizontal="true"
- android:layout_centerVertical="true"
- android:text="Show Value" />
- </RelativeLayout>
จากคำสั่งข้างต้น สามารถอธิบายได้ว่า element <NumberPicker> มี id คือ numberpicker (ประกาศไว้ในบรรทัดที่ 7) และ element <Button> มี id คือ button (ประกาศไว้ในบรรทัดที่ 14) ซึ่ง id เหล่านี้ถูกใช้อ้างอิงใน Class Activity ข้างต้น
การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml
- <?xml version="1.0" encoding="utf-8"?>
- <manifest ... >
- <application ... >
- <activity android:name="nutt.me.activity.MainActivity" ... >
- <intent-filter>
- <action android:name="android.intent.action.MAIN" />
- <category android:name="android.intent.category.LAUNCHER" />
- </intent-filter>
- </activity>
- </application>
- </manifest>
จากคำสั่งข้างต้น สามารถอธิบายได้ว่า มีการประกาศ Activity ชื่อ MainActivity ที่อยู่ใน Package nutt.me.activity ไว้ภายในไฟล์ AndroidManifest.xml ในบรรทัดที่ 4
หน้าจอแสดงผลของ ตัวอย่างการคืนค่าค่าข้อมูลปัจจุบันใน NumberPicker จากการเขียนคำสั่งข้างต้น

จากรูปแสดงหน้าจอของ MainActivity

จากรูปแสดงหน้าจอของ MainActivity เมื่อได้คลิกที่ปุ่ม "Show Value"
0 Comment
- Have no comment.