Home / Developer  / Android Developer  / เขียนแอพ Android ฉบับเริ่มต้น ใช้งาน EditText รับค่าตัวแปร

เขียนแอพ Android ฉบับเริ่มต้น ใช้งาน EditText รับค่าตัวแปร

แอพพลิเคชันบน Android หรือแพลตฟอร์มอื่นๆจำเป็นต้องมีการใช้งาน TextBox ซึ่งใน Andoid คือ EditText รับค่ามาโชว์ TextView โดยการกด Button ครับมาดูวิธีใช้งานกัน

ก่อนจะศึกษาบทความนี้แนะนำว่า ศึกษาบทความก่อนหน้านี้ก่อนสำหรับการเรียนรู้ WorkShop เบื้องต้นจาก

หากว่าศึกษาบทเรียนเบื้องต้นหมดแล้ว ก็มาเริ่มต้นพัฒนากันได้เลยครับ

เปิด Eclipse และ ADT ขึ้นมาครับ ตั้งค่าให้เรียบร้อยครับ หลังจากนั้นก็ไปที่ activity_main.xml ครับ ใช้ รูปการวาง Widget ดังนี้

Screen Shot 2557-04-22 at 2.20.17 PM

ลองดูแบบ Graphical Layout ครับ ส่วน XML ก็

ต่อมาก็ไปที่ไฟล์ MainActivity.java ครับ เพิ่ม Import Header ลงไป ให้ แอพพลิเคชันของเรารู้จัก Widget ต่อไปนี้คือ TextView, EditText และ Button ครับ โดยคำสั่ง

แก้ไข onCreate() ให้ทำงาน โดยแอพพลิเคชันของเราจะรับค่าจาก EditText ที่พิมพ์ไว้เมื่อกด Button ตัว TextView จะโชว์ค่านั้นครับ

ดังนั้น onCreate() จะเขียน Code ดังนี้

อธิบายครับ

รับตัวแปลจาก Widget ทั้ง TextView1,EditText1 ครับ

ใช้การสร้างตัวแปร String ขึ้นมาว่า value มารับค่า txtName หรือ EditText1 นั่นแหละครับ

แสดงผลลัพธ์ของการพิมพ์ปรากฏขึ้นมา

ลอง Run ตัวแอพพลิเคชันครับ (รันผ่าน Simulator ก็หลับก่อนงีบนึงนะ)

Screen Shot 2557-04-22 at 2.30.42 PM

Screen Shot 2557-04-22 at 2.31.43 PM

4 นาทีเช่นเคย สงสัยต้องเพิ่ม RAM เครื่อง Mac ซะหน่อย ผลลัพธ์ที่ได้คือภาพตัวอย่างครับ

Screen Shot 2557-04-22 at 4.06.16 PM

 

พิมพ์ชื่อลงไปใน EditText ครับ

 

 

 

 

 

Screen Shot 2557-04-22 at 4.17.56 PM

 

กดปุ่ม Submit ดูก็จะเห็นว่า TextView รับค่าจาก EditView มาแสดงผลแล้ว

จากบทเรียนนี้สามารถ ดาวน์โหลด Source Code ได้ที่นี่ครับ http://adf.ly/kbVFC
ซึ่งจะรวม Code โปรเจ็คก่อนหน้าด้วยครับ

บทความที่เกี่ยวข้องก็อ่านได้ที่นี่นะครับ

Comments

daydevthailand@gmail.com

<p>อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์<br /> ,ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)</p>

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.

%d bloggers like this: