หลังจากที่ ครั้งที่แล้วเราสามารถ ทำ User Interface เสร็จเป็นที่เรียบรัอยแล้ว (ใครยังไม่ได้ทำ เข้าไปดู ที่นี่ ) มาตอนนี้เราจะมาเรียนรู้ การเขียนโค้ด กำกับการทำงานของโปรแกรมกัน

เปิด LearnInputTextActivity.java ขึ้นมาเลยครับ

ดับเปิลไปที่ไฟร์ LearnInputTextActivity.java ได้เลย จะได้หน้าตาแบบนี้

ผมเพิ่ม Object เข้าไป 3 ตัว คือ

1. EditInput เป็น EditText ไว้ค่อยรับค่า
2. ButtonInput เป็นปุ่มกดเพื่อประมวลผล
3. TextAnswer เป็น TextView ไว้แสดง ผลลัพธ์ ที่ได้จาก EditText

ต่อมาให้ผูก Object ที่ได้ประกาศ ไปกับ id ต่างๆ ที่อยู่ใน View ดังนี้

1. EditInput ผมผุกกับ @+id/edtInput
2. ButtonInput ผูกกับ @+id/btnInput
3. TextAnswer ผูกกับ @+id/txtAnswer

ต่อมาผมกำหนด ให้ OnClicklistener ทำการตรวจจับการถูกคลิก ของปุ่ม ButtonInput

ผมเพิ่มบรรทัดนี้เพื่อ นำข้อมูลจาก EditText ไปเก็บไว้ที่ตัวแปร name ที่เป็น String

สุดท้ายผมกำหนดค่าของ name ให้กับ TextAnswer ครับ

จะได้ โค้ดทั้งหมดแบบนี้

ทดสอบการทำงานโดยการันโปรแกรม จะได้หน้าตาแบบนี้

ผมลองพิมพ์ Master Ung ไปที่ EditText

เมื่อคลิก Input Name จะได้ผลลัพธ์แบบนี้

ง่ายไหมครับ การ Input ข้อมูลผ่าน EditText