| โปรแกรม PleaseClickMe ตอนจบ |
|
เดี๋ยววันนี้เรามา Codding ตัวโปรแกรม PleaseClickMe ให้เสร็จ จาก ครั้งที่แล้ว เราได้จัดการทางด้าน UI (User Interface) ไปเป็นที่เรียบร้อยแล้ว วันนี้เราจะมาเข้าโค้ดกัน
เปิด MainActivity.java ออกมาเลยครับ
ประกาศตัวแปร myTextผมประกาศตัวแปร myText โดยมีชนิดของตัวแปรเป็นแบบ TextView แบบนี้ จะมี error ไม่ต้องตกใจนะครับ
คลิกที่ error ตัวโปรแกรม eclipse จะแนะวิธีแก้ไขให้ จากในตัวอย่าง eclipse เสนอให้ Import 'TextView' (android widget) เราก็ดับเปิลคลิกทำตาม eclipse ไปครับ
เห็นไหมครับ error หายไปละ
ต่อมาผมสร้าง method เปล่าๆ ที่ชื่อว่า myClick ขึ้นมา แล้วทำไม่ต้องชื่อ myClick จำตอนที่ 1 ได้ไช่ไหมครับ ที่ตัวปุ่มที่เรากำหนดให้คลิกแล้ว เปลี่ยน Text เราได้ตั้ง Property ให้ onClick เป็น myClick นีแหละคือหัวใจ ของโปรแกรมนี้
ภายใน method myClick ผมกำหนดค่า ThankYou for Your click ให้กับตัวแปร myText
และที่ method onCreate ท้ายสุด ผมให้โปรแกรมนำค่า myText ไปแสดงผลที่ TextView ในตำแหน่ง ID = @+id/myText จำตอนแรกได้ไช่ไหมครับว่าทำไม่ผมถึงกำหนด id ของ TextView เป็น @+id/myText เมื่อมีการ คลิก method myClick ทำงาน จะ Set ค่า ThankYou for Your click ไปที่ ตัวแปร myText และ method onCreate ก็จะพ่นค่า myText ไปที่ TextView ที่ตำแหน่ง id = @+id/myText ครับ
ทดสอบ Run โปรแกรม PleaseClickMeเลือกการทดสอบแบบ Android Application นะครับ
ที่ emulator จะปรากฎผลแบบนี้
พอเราคลิกที่ Click Me จะสังเกตุเห็น ข้อความ Please Click Me จะเปลี่ยน ไปเป็น ThankYou for Your Click แบบนี้ครับ
|