คู่มือ ผู้ใช้ Android Studio

อบรมแอนดรอยด กับ มาสเตอร อึง่

ทีน่ี พอเราเปด ABC_Text ตวั Apps ของเราก็จะแสดงผลภาษาไทย แบบนี้ แลวครบั

50

อบรมเขียน Coding Android Application กบั มาสเตอร อง่ึ http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อ่ึง

การทําแอพทม่ี หี ลายๆ Activity

จากหวั ขอเลยครบั เดย๋ี วเราจะมาเรียนรู การทําแอพแอนดรอยด ทม่ี ีหลายๆ Activity ครับ โดยเราจะทาํ แอพชือ่
ManyActivity โดยมี Activity แรกแสดงผลเปน ListView ในแตละคลิกท่ี List จะพาไปท่ี

1. Go To Website เมอื่ ทําการคลิก ใหไ ปเปด เว็บไซด
2. EditText Activity เรียนรู การใชง าน EditText Widget และ เขยี นโคด การ Get Value
3. Spinner Activity เรยี นรู การใชง าน Spinner Widget และ เขียนโคด การ Get Value
4. SeekBar Activity เรยี นรู การใชง าน SeekBar Widget และ เขยี นโคดการ Get Value
5. RadioButton Activity เรยี นรู การใชง าน RadioButton Widget และ เขยี นโคดการ Get Value

เปด Android Studio เพอื่ ทํา WorkShop ManyActivity

New Project ขึ้นมาใหม เลยครบั

51

อบรมเขียน Coding Android Application กับ มาสเตอร องึ่ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร องึ่

ไดมาละ แอพ ManyActivity

ที่ activity_main.xml ใหล บ Relative Layout ออกและ สราง Linear Layout แทน

สรา ง Android resource directory ที่ชอื่ วา drawable เพอื่ เก็บภาพ

52

อบรมเขียน Coding Android Application กับ มาสเตอร อ่ึง http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึง่

นํารูปท่ีตองการใชไ ปเก็บไวท ่ี drawable และ ออกแบบ User Ingerface ใหไดแบบนี้

หัวใจการทํา ListView กค็ อื การท่เี ราตอ งรวู า ตําแหนงของ TextView Widget ตวไหนใหแสดงแบบ ListView
โดยการกำหนด id ใหก บั Widget

53

อบรมเขียน Coding Android Application กับ มาสเตอร องึ่ http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อึง่

การสรา ง ListItem ดว ย String Array

ในการสราง และ จัดการ จาํ นวนหัวขอ ของ ListVew มาสเตอร ชอบ เทคนกิ สราง item ไวใน String Array
แบบนค้ี รับ

Create Values Resource File ทชี่ อื่ วา my_list.xml

Code ภายใน my_list.xml

54

อบรมเขียน Coding Android Application กับ มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อ่ึง

การโคด ดิง้ แอนดรอยด แบบ ListView

เปด MainActivity.java หรือ คลาสของเราออกมาเลยครบั

ประกาศตัวแปร แบบ array ท่ชี ่อื วา strListView มีชนดิ ขอ มูลแบบ String
ใหค ลาส Extends ListActivity และ อยา ลืม Comment ที่ SetContentView ดวยครับ

GetResource จาก String-Array ไปทีต่ วั แปร ทเี่ ราประกาศ 55
อบรมเขยี น Coding Android Application กบั มาสเตอร อึ่ง http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึง่

สราง ArrayAdapter สําหรบั นาํ คาทอี่ ยใู นตัวแปร ท่เี ราประกาศ ไปทต่ี ําแหนง ทเ่ี ราตองการใหปรากฏ บน ListView
ลองทดสอบโคด ที่ Emulator นา จะไดแ บบนี้

การทำ OnListItemClick ให้กับ ListView 56

อบรมเขียน Coding Android Application กบั มาสเตอร อึ่ง http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อง่ึ

ในการกาํ หนด ให การคลกิ ที่ List ตางๆ เกดิ การ Active เขาเรยี กการทํา OnListItemClick

ใหทําการ Override Method

ทำการมองหา OnListItemClick

จะไดเ มธอด แบบน้ี
มาสเตอร ใช Switch Case get คา position จากการคลิก แบบน้ี

57

อบรมเขยี น Coding Android Application กบั มาสเตอร อึ่ง http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อง่ึ

Intent Class เขาใชก ันอยา งไร?

Intent Class เปน คลาส ที่ แอนดรอยด เตรยี มไวให Dev. ทาํ การสบื ทอดไปใช ทาํ หนาท่ี
• เครื่อนยา ยการทํางาน ระหวาง Activity กบั Activity
• หรือ Activity กับ Server ของแอพตวั อน่ื (อยา งตวั อยา งจะใหไ ปเปดเวบ็ โซด ท่ีเปน บรกิ ารของ Browser
ครบั )

การใช Intent ใหไ ปเปด เว็บโซด เม่อื เกดิ การคลกิ

เนอ่ี งดว ยเรามกี ารกําหนด Switch Case ไว 5 เหตตกุ ารณ มาสเตอร จะประการตวั แปรคลาส มีการเขา ถึง Private
คอื ให เมธอดทุกอนั ทอ่ี ยูใ นคลาส สามารถใช ตวั แปรน้ไี ดแ บบนี้

สรางการสบื ทอด หรือ Herniate จาก คลาส Intent

ในการนํามาใชงาน มาสเตอร ไมสามารถนํามาใชตรงๆ ได ตอง สบื ทอด เขา มาเปน Object แบบนี้

58

อบรมเขียน Coding Android Application กบั มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึ่ง
ลองทดสอบโคดแอนดรอยด ท่ีเขยี นได บน Emulator

ลองคลกิ ท่ี my Website ท่ีเปน List ที่มคี า Position เทา กบั 0 มือถอื จะทําการ Intent ไปเปด WebView ตาม

UrlData ท่ีไดท ําการ ระบุทไี่ ปไว

การสราง Activity จาก Android Component

ในการทาํ แอพใหส มบูรณ ตอง มีหลาย Activity แลว เราจะทําอยางไร ? ให สามารถสรา ง Activity ได มาสเตอร
ชอบ การสรางจาก Android Component แบบน้ี

59

อบรมเขยี น Coding Android Application กับ มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อ่งึ

การสราง Layout Resource File

การที่จะเปน Activity จะมีแคค ลาสอยางเดียวไมได ตอ งมี xml ทค่ี วบคมุ Layout ดว ย อยา งนั้นเรามาลองสรางกนั
ออกแบบ UI ใหไดแบบนี้

กําหนด เมธอดที่จะทาํ ถามีการ คลิกปุม

60

อบรมเขียน Coding Android Application กับ มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึ่ง

การกำหนด คลาส Activity กับ Layout

เราจะใชคําสัง่ SetContentView ในการ ผูกความสมั พนั ธ ระหวา งคลาส ที่เราสรา ง และ Layout ทเ่ี ราออกแบบ ไปท่ี
คลาส EditTextActivity.java ทเี่ ราสรา งข้นึ เพม่ิ คําสัง่ น้ไี ปที่เมธอด onCreate

สราง Intent ไปท่ี EditTextActivity.java คลาส

กลับมาท่ี MainActivity.java จำ Switch Case ในเงื่อนไขที่ position = 1 เขยี น Intent ไป EditTextActivity.java
แบบน้ีครบั

ลองทดสอบโคด ทไ่ี ด ดวย Emulator โดย ลองคลกิ ที่ Edit Text ดูซิวา ไปทอี ีก Activity หนึง่ ไดหรือเปลา ? 61
อบรมเขยี น Coding Android Application กับ มาสเตอร อ่ึง http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อ่ึง

การ SetOnClickListener จากการกำหนด onClick ของ xml

จำตอนเรากำหนด onClick ทไ่ี ฟร xml ท่ีควบคมุ Layout ไดไหม ? เราจะสรา ง เมธอด myEditText แบบนี้

เม่อื มกี ารคลิกที่ ปุม Edit Text เมธอด myEditText จะเร่ิมทาํ งาน

62

อบรมเขยี น Coding Android Application กบั มาสเตอร องึ่ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อ่ึง

Declaration & Initial Widget ซะใหเรยี บรอ ย
Declaration

Initial Widget

กําหนดให Get Value จาก Edit Text

63

อบรมเขียน Coding Android Application กบั มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อ่งึ

การทำ Alert Dialog

เดีย๋ วเราจะใหแสดง ผลของคา strTittle, strMessage บน Alert Dialog กัน สรา ง คลาส ShowMyDialog เปลา ๆ

เลยครบั

และตามดว ยการสรางเมธอด MyDialog โดยมี parameter แบบนี้
Declaration และ สืบทอด Object ซะ

กำหนด Object objAlertDialog ในเมธอด 64
อบรมเขยี น Coding Android Application กบั มาสเตอร อง่ึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึง่

กลับมาท่ี EditTextActivity.java ใหป ระกาศ Object เพ่ือสืบทอดมาใชงาน
และสง คา strTittle, strMessage แบบนี้

65

อบรมเขยี น Coding Android Application กบั มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อ่งึ

ลองทดสอบโคด ท่ีแสดง AlertDialog

มาสเตอร ลองทดสอบโดยการ พิมพ Android Thai และ ลองคลิก Edit Text ถาทุกอยางถกู ตอง นาจะไดผลแบบนี้

Spinner Widget

ในการอาํ นวยความสะดวกให user ในการกรอก ขอมลู ใหเรา บางครัง้ เราจะไมใช Edit Text ท้ังหมด เราจะมีการให
Drop Dow ให user เลอื ก เรามาทํางานกัน สรา ง Activity, Layout สําหรบั Spinner ไดเ ลยครบั (มาสเตอร
จะไมเ ขา รายละเอียด นะ เพราะสามารถดไู ด จากตอนทํา Edit Text)

66

อบรมเขยี น Coding Android Application กับ มาสเตอร อ่ึง http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึ่ง

กําหนด เมธอด ตอนคลิกที่ onClick

พรอ มท้งั SetContentView ในคลาสใหม ท่ี Create ขึ่นมาดว ย

กำหนดการ Intent ไปที่ SpinnerActivity.java

จําไดท ี่ MainActivity.java จะมี ตอนเราทาํ Switch Case Stament ไว ท่ตี รง position = 2 ให Intent ไปท่ี
SpinnerActivity.java แบบนี้ และ ทดสอบโคด วา Intent ไป SpinnerActivity.java ไดไหม ?

67

อบรมเขยี น Coding Android Application กับ มาสเตอร อง่ึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อ่ึง

การ Set Up Spinner

เร่มิ ตนจากการเราตอ งมี หัวขอ ทเ่ี ราจะให ปรากฏใน Spinner จำ my_list.xml ทเ่ี ราเก็บ String Array ของ List View
ไดใ ชไหม ? เราจะเพมิ่ String Array เพมิ่ สําหรับ หัวขอ List Spinner แบบนี้ โดย เพิม่ โคดทางดา นขวาเขาไป

Declaration และ Initial Widget ใหกับ Spinner

68

อบรมเขียน Coding Android Application กบั มาสเตอร อึง่ http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อ่ึง

ประกาศตวั แปร Array
GetResource ใหกบั ตัวแปร Array พรอ มสราง Adapter

ลองทดสอบโคด Spinner

69

อบรมเขยี น Coding Android Application กับ มาสเตอร อง่ึ http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึ่ง

SetOnItemSelectedListener ใหกบั Spinner

การทาํ ให สงิ่ ทีเ่ ราเลอื กบน Spinner มผี ล คือการทาํ SetOnItemSelectedListener เรม่ิ จากการประกาศตัวแปรกอ น
และเอา Spinner มา SetOnItemSelectedListener แบบนี้

ทาํ การสงคา ที่ user เลอื กบน Spinner ไป แสดงบน Alert Dialog

70

อบรมเขียน Coding Android Application กบั มาสเตอร อึง่ http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อ่งึ

Test Codding form Spinner

เรยี นรูการทํา SeekBar

Create Activity มาเลยครับ

ออกแบบ User Interface และ SetContentView ไปที่ คลาส แบบนี้ 71
อบรมเขียน Coding Android Application กับ มาสเตอร อึ่ง http://androidthai.in.th

อบรมแอนดรอยด กับ มาสเตอร อึ่ง

กำหนด Intent ไปท่ี SeekBarActivity.java ใน position = 3 ท่ี MainActivity.java แบบนี้
ทดสองการทำงานของ Intent วา ไปท่ี SeekBarAtivity.java แบบนี้ไดใหม ?

72

อบรมเขยี น Coding Android Application กับ มาสเตอร องึ่ http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อึ่ง

ประกาศตวั แปร และ Initial Widget ของ SeekBar

73

อบรมเขียน Coding Android Application กบั มาสเตอร อึ่ง http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อึ่ง

ทดสอบ SeekBar

การสง คา SeekBar ไปแสดงบน Alert Dialog เหมือนเดิมประการตัวแปร และ สบื ทอด

74

อบรมเขยี น Coding Android Application กับ มาสเตอร อ่ึง http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อึ่ง

การสงคา SeekBar ทีเ่ ลือกไปที่ Alert Dialog

ทดสอบโคด SeekBar ครับ

75

อบรมเขยี น Coding Android Application กบั มาสเตอร อ่งึ http://androidthai.in.th

อบรมแอนดรอยด กบั มาสเตอร อ่ึง

การบาน android Thai

ลองทําดู เฉลยอยใู น เวบ็ ของ มาสเตอร
1. สรา ง Activity ของ Radio Button ใหม ขี อ เลือกไดส ัก สาม หรอื ส่ี ก็ได
2. รูน ะวา การมี คลาสอยางเดียว ทํา Activity ไมได ตองมี Layout ทีเ่ ปน ไฟร xml
3. ทำ Intent ขา มการทํางาน ระหวา ง Activity กบั Activity ที่ MainActivity.java ดวย
4. Get คาท่ี User เลอื ก Radio Button
5. สงคาทเ่ี ลอื กได ไปแสดงที่ Alert Dialog

ขอใหโ ชคดีครบั

มาสเตอร องึ่
http://androidthai.in.th

76

อบรมเขยี น Coding Android Application กบั มาสเตอร อึง่ http://androidthai.in.th