1. Android
เว็บไซต์แนะนํา http://www.thaicreate.com/mobile/android.html
รู้จัก android ?
แอนดรอยด์ มีสองส่วนการทําการ
1. ไฟล์ .xml คือไฟล์สําหรับออกแบบหน้าตาแอพฯ
2. ไฟล์ .java คือไฟล์สําหรับเขียนโคด action ต่างๆ
สร้างโปรเจค
การทํางานคือ คลิกที่ Button ให้นําข้อความจาก EditText มาโชว์ ใน textView
1. สร้างโปรเจ็ค
File ! New ! Android Apllication Project
2. กําหนดชื่อแอพฯ
หมายเลข 1 คือชื่อแอพฯ
หมายเลข 2 คือ เวอร์ชั่นต่ําสุดที่จะลงแอพฯได้
หมายเลข 3 คือ เวอร์ชั่นเป้าหมายที่เราต้องการจะทํา
หมายเลข 4 คือ เวอร์ชั่นสูงสุดที่จะลงแอพฯได้

2. 3. กําหนดที่เก็บโปรเจ็ค
4. กําหนดไอคอน รูปร่างไอคอน และพื้นหลังไอคอน
หมายเลข 1 ชนิดไอคอน (image,clipart,Text)
หมายเลข 2 การตัดภาพ
หมายเลข 3 รูปร่าง
หมายเลข 4 สีพื้นหลัง

3. 5. หน้าตาแอพพลิเคชั่น

4. 6. ตั้งชื่อไฟล์ java(activity name) และ xml(layout name)
C1_simpleApp แอพง่ายๆๆ
1. ออกแบบหน้าตา แอพฯ ไปที่ activity_main.xml
2. เปลี่ยนชื่อ ตัวแปร คลิกขวาที่ plain text ! edit id

5. 3. เขียนโคด ไปที่ MainActivity.java
การเขียนโคดจะเขียนที่เมธอด onCreate เริ่มต้นทําการเชื่อม component ต่างๆในหน้า xml กับโคด
โดยใช้ findViewById();

6. 4. เพิ่ม action ให้กับ showButton และเขียนโคดใน เมธอก onClick
5. gettext จาก input และ settext ให้ displayTextView
6. กําหนดตัวแปร editext,displayTextView แบบ final
7. ทดสอบโปรแกรม คลิกทีรัน

7. C2_showtext
ข้อนี้จะเพิ่มการแสดงข้อความ ให้แสดงทั้งใน TextView และ popup
1. เชื่อมต่อ component ต่างๆในหน้า xml กับโคด
2. set Action ให้ showTextview ,showPopup
Toast.makeTaxt(); คือการแสดง popup แสดงข้อมูลด้านล่างของจอภาพ

8. C3_actionUseImplement
ข้อนี้จะทําการ set action ให้ button โดยการ implement onClickListener ซึ่งต่างจากสองข้อที่ผ่านมา
1. ทำการ implement onClickListener
2. เชื่อมต่อ component ต่างๆในหน้า xml กับโคด เนื่องจากครั้งเราจําเป็นต้องเรียกใช้
component ในเมธอดอื่นด้วย ดังนั้นเราต้องประกาศตัวแปร component แบบ global
3. add action ให้กับ showTextview ,showPopup

9. 4. implement โคดในการควบคุมแต่ละ button จะทำใน เมธอด onClick()
5. ผลลัพธ์

10. C4_alertDialog_simple
Alert dialog เหมือนกับ popup คือสามารถบอกข้อมูลกับผู้ใช้ได้ แต่ alert dialog จะต่างตรงที่มี
button ให้คลิก และสามารถเอา component อื่นๆ ใส่เข้าไปได้ เช่น alert เพื่อรับ user password
ข้อนี้ จะลองแสดงข้อมูลที่ผู้ใช้กรอกใน edittext แล้วให้แสดงผลใน textview
โดยยืนยันการแสดงผลด้วย alert dialog
1.
2.
3.
เชื่อมต่อ component ต่างๆในหน้า xml กับโคด
add action onclick ให้กับ button
implement code alert dialog

11. C5_alertdialog_userpass
ข้อนี้ให้ alert เพื่อรับค่า user pass word และแสดงผลใน TextView โดยเราต้องใส่ Edittext
เข้าไปใน alert สองตัวสําหรับรับค่า user และ password
3.
เชื่อมต่อ component ต่างๆในหน้า xml กับโคด
add action on click ให้กับ button
การใส่ edittext ใน alert นั้น จําเป็นต้องสร้าง xml อีกไฟล์เพื่อสร้าง view สําหรับเก็บ user และ
password คลิกขวาที่ layout !New!Other!Android!Android XML Layount File
ตั้งชื่อไฟล์ view_edittext
4.
ในไฟล์ view_edittext ให้นํา plain text , password text มาใส่
1.
2.

12. 5.
เชื่อมวิว view_edittext กับ วิวหลัก
6.
สร้าง alert dialog และ add view
C6_intent
Intent คือคลาสที่ใช้ในการเปลี่ยน วิว
1. สร้าง object android class และตั้งชื่อไฟล์

13. 2. สร้าง component ในวิวหลักและวิวที่สอง

14. 3. เชื่อมต่อ component ต่างๆในหน้า xml กับโคด
4. add action onclick ให้กับ button
5. implement intent code
MainActivity
SecoundActivity
finish(); คือการจบวิว
การส่งค่าข้ามวิว ทําได้โดยการส่งไปพร้อมกับ intent
goSecound.putExtra(name,String);
getIntent().getStringExtra(name);
EX1
เมื่อคลิกที่ button ให้แสดง alert เพื่อรับ user password (user password กําหนดเอาเอง) เมื่อใส่
user ot password ผิด ให้แสดง popup ว่ากรอกข้อมูลผิด ถ้ากรอกถูกให้ส่ง user ที่ผู้ใช้กรอกไปอีกวิว

15. วิวที่สองให้แสดง user ที่ส่งมากับ intent บน textview และเมื่อคลิกที่ button ให้ alert แสดงกลับมาเดิม