สืบเนื่องมาจาก Post อันนี้ครับ

น้องคนนี้เป็นตัวอย่างที่ดีนะ ไม่รู้อย่าอาย ถามเลย มีความพยายามอย่างนี้ ยอดเยี่ยมครับ วันนี้ผมเลยขอลัดคิว ทำรีวิวเรื่องนี้ก่อน ลองนำไปทำนะครับ

ลักษณะของโจทย์คือ ต้องการรับข้อมูลผ่าน EditText แล้ว มีปุ่มที่ SetOnClickListener ไว้ เมื่อมีการคลิกให้ นำค้าทีได้ไป SetText ที่ TextView เรามาเรียนรู้กันครับ ผมขออนุญาติ รีวิว อย่างละเอียดๆ นะครับ

New andorid Project

หลังจากที่เปิด eclipse ขึ้นมาให้เรา New android Project จาก

ตั้งชื่อโปรเจ็ค

Build Target

เนื่องจากว่าผมมี AVD เป็นแอนดรอยด์ 2.3.3 ให้เลือก ตาม AVD ที่คุณสร้างไว้

Properties

แล้ว eclipse จะ gen ค่าต่างๆให้แบบนี้

ออกแบบ User Interface ก่อนจาก main.xml

ในการออกแบบ User Interface ผมจะเปิด Properties เข้าไว้ปรับค่า widget การเปิด ไปที่

เลือก Properties

จะได้ tab properties แบบนี้ ผมไม่ชอบต้านล่าง ผมลากไปด้านบนแบบนี้

คลิกที่ Text ตัวแรกแล้วปรับค่า Properties แบบนี้

เปิด Text Fields ออกมา

ลาก EditText ออกมา

อันนี้สำคัญ กำหนด id ให้กับ EditText

เปิด Layout ออกมา

แล้วลาก LinearLayout (Horizontal) ออกมา

ลาก TextView ลงมา

กำหนด Properties ให้ TextView แบบนี้

กำหนด Pandding Right

ลาก Text ตัวที่สอง

กำหนด Properties ให้ TextView ตัวที่สองแบบนี้

กำหนด Id ให้กับ TextView ที่สอง

ต่อมาทำปุ่ม ลาก Button ลงมาเลยครับ

ตั้งชื่อปุ่ม ซะหน่อย

กำหนดค่า Properties ให้กับปุ่มแบบนี้

กำหนด id ให้กับ Button

การ Coding Android

เปิด ไฟล์ LearnTextView1Activity.java ออกมาเลยครับ

กำหนด Attributr ก่อน

เสร็จแล้วผมผูก Attributr ที่กำหนดได้กับ Widget โดยการอ้างอิง id

ต่อมากำหนด SetClickListener ให้กับปุ่ม ที่มี id = @+id/btnInput

เมื่อมีการคลิกปุ่ม จะให้ทำอะไร ?

ผมกำหนดให้ทำการ SetText ไปที่ TextView ที่มี Attribute เป็น id = @+id/txtInput

ลองทดสอบบน AVD

ลองพิมพ์ master ung แล้ว คลิก Click for input