Android Programming ​• Android Application Life Cycle • Say “Hello World” • Setup Mobile for Development Mode • Notification • การสร้างการทำงานแบบ ListActivity • การรับส่งข้อมูลระหว่าง Activity • Android Camera Selfie • บันถึงข้อมูลรูปภาพลง External Storage​

1. Mr.Jenchoke Tachagomain
rider1978@gmail.com 1Mr.Jenchoke Tachagomain

2. Topic
• Android Application Life Cycle
• Say “Hello World”
• Setup Mobile for Development Mode
• Notification
• การสร้างการทางานแบบ ListActivity
• การรับส่งข้อมูลระหว่าง Activity
• Android Camera Selfie
• บันถึงข้อมูลรูปภาพลง External Storage
2Mr.Jenchoke Tachagomain

3. Android Application Life Cycle
วงจรชีวิตเกิดแก่เจ็บตายของ Android Application3Mr.Jenchoke Tachagomain

4. 4Mr.Jenchoke Tachagomain

5. Hello World
• เปิด Eclipse
• Select Workspace “E:eclipseWorkSpace”
• New > Android Application Project
5Mr.Jenchoke Tachagomain

6. Create a new Android Application
6Mr.Jenchoke Tachagomain

7. Create Project in Workspace
7Mr.Jenchoke Tachagomain

8. Crate Activity
เป็นการบอกให้ Eclipse
สร้างโครงสร้างของ
Activity ให้ โดยที่
Activity ต่างๆจะถูก
ควบคุมผ่านทาง
Activity Manager
ทั้งหมดตามรูปแบบของ
Life Cycle ของ Android
8Mr.Jenchoke Tachagomain

9. Blank Activity
ชื่อของ Java Classที่ระบบจะสร้างขึ้นให้
MainActivity.java
ชื่อของ Layout ที่ระบบจะสร้างขึ้นให้
active_main.xmlใช้กาหนด GUI
AndroidManifest.xml
คือไฟล์ที่กาหนดว่า Application
ใช้ Resource อะไรบ้าง ใช้
permission อะไรบ้าง แล้ว มี
Activity อะไรบ้างจะถูกสร้างโดย
อัตโนมัติ ในขั้นตอนการสร้าง
Android Project
9Mr.Jenchoke Tachagomain

10. Android Project on Eclipse
10Mr.Jenchoke Tachagomain

11. Setup Mobile for Development Mode
11Mr.Jenchoke Tachagomain

12. ต่ออุปกรณ์มือถือผ่านทาง USB Port
เพื่อใช้ในการพัฒนาโปรแกรม
ชื่อ Device ที่เชื่อมต่อกับ Eclipse
แสดงสถาน Online และ Version ของ
Android
แสดง Log Massage ที่ได้จาก Device ที่เชื่อมต่อ
12Mr.Jenchoke Tachagomain

13. ทาการ Run Android Application
13Mr.Jenchoke Tachagomain

14. แสดงผลการ Run application ผ่าน Eclipse
14Mr.Jenchoke Tachagomain

15. AndroidManifest.xml
บอก Version ของ Application
ที่เราทาการพัฒนา
บอก Version ของ SDK ของที่
รองรับการทางาน
กาหนดรูปแบบต่างๆ
ของ Application
กาหนด Class Activity ที่จะใช้งาน
กาหนดให้ Activity นี้เป็น
ActivityMain Program ที่ใช้ใน
การ RUN (.LAUCHER) 15Mr.Jenchoke Tachagomain

16. activity_main.xml ใช้กาหนด Layout
เราสารมาสร้าง Layout ผ่านทาง
GUI ที่ Eclipseให้มาPaletteโดยใช้
วิธีการ drag & drop
16Mr.Jenchoke Tachagomain

17. Class MainActivity ที่เราสืบทอดมาจาก Class Activity
กาหนดให้สร้าง ContentView Files
Layout จาก activity_main.xml
17Mr.Jenchoke Tachagomain

18. Notification
18Mr.Jenchoke Tachagomain

19. • แจ้งเตือนด้วย Toast
• แจ้งเตือนด้วย Alert Dialog
ระบบการแจ้งเตือน (Notification)
• แจ้งเตือนด้วย Notification
19Mr.Jenchoke Tachagomain

20. แจ้งเตือนด้วย Toast
• New > Android Application Project
20Mr.Jenchoke Tachagomain

21. การกาหนด Layout ที่ activity_main.xml
Tab Graphic Layout
21Mr.Jenchoke Tachagomain

22. MainActivity.java
กาหนดค่าให้กับตัวแปล Button1, Button2, Button3 โดยผ่าน method
findViewById() ที่มาจาก Class android.view
- findViewById ก็คือการดึง GUI ใน View นั้นๆออกมาใช้งานนั่นเอง
ไม่ว่าจะเป็น Button, TextView, EditText, ListView หรือ View ต่างๆที่อยู่ในหน้า Layout XML ล้วนจะต้องใช้ findViewById ทั้งนั้น
activity_main.xml
22Mr.Jenchoke Tachagomain

23. ดังนั้นถ้าลองมองโค๊ดกับภาพประกอบ
รวมกันก็จะเป็นลาดับขั้นตอนดังนี้
23Mr.Jenchoke Tachagomain

24. 24Mr.Jenchoke Tachagomain

25. การกาหนด Layout ที่ activity_main.xml
25Mr.Jenchoke Tachagomain

26. การกาหนดค่า Event ให้กับ Button
setOnClickListener คือการ Register การ callback ให้กับ Button เมื่อเกิด
เหตุการณ์ Click โดย method นี้มีการสืบทอด Class มาจาก Class View นั้นเอง
โดยจะทาเอา Object View ที่สืบทอดจาก android.view.setOnClickListener() มาเป็นตัวรับเหตุการณ์ ที่เกิดขึ้น
android.view.setOnClickListener()
26Mr.Jenchoke Tachagomain

27. การใช้ Toast แสดงข้อความแจ้งเตือน
27Mr.Jenchoke Tachagomain

28. ผลการ Run Android Application
Notification
On Click
แสดงข้อความที่กาหนดไว้
28Mr.Jenchoke Tachagomain

29. การใช้ AlertDialog แสดงข้อความแจ้งเตือน
On Click
แสดงข้อความที่กาหนดไว้
29Mr.Jenchoke Tachagomain

30. เพิ่มButton และ Event ให้กับ AlertDialog
สร้าง Object
Dialog Builder
ให้กับ Object
AlertDialog
Set ค้าให้กับ
Object AlertDialog
30Mr.Jenchoke Tachagomain

31. แสดง Button
ที่ทาการเพิ่มเข้ามา
Click
Click
31Mr.Jenchoke Tachagomain

32. การใช้ Notification แสดงข้อความแจ้งเตือน
NotificationManager เป็น Class ตัวควบคุมการแจ้งเตือนในระบบ Android โดยจะรับค่าจาก
Object Notification ที่เราสร้างขึ้นมาโดยกาหนดคุณสมบัติจาก Object NotificationCompat
32Mr.Jenchoke Tachagomain

33. Click
แสดงข้อความแจ้งเตือนจากการ
setTicker()
แสดงข้อความแจ้งเตือนที่ถูกร้างมาจาก
Object Notification
ผ่าน Notification Manager
33Mr.Jenchoke Tachagomain

34. การสร้าง PendingIntent, Intent
เพื่อรับค่าเหตุการณ์จาก Event ของ Notification
สร้าง Class Activity ชื่อ UpdateActivity.java
สร้าง XML Layout ชื่อ Update_activity.xml
กาหนด Layout ให้กับ Class Activity
โดยใช้ข้อมูลจาก update_activity.xml 34Mr.Jenchoke Tachagomain

35. XML Layout ชื่อ Update_activity.xml
35Mr.Jenchoke Tachagomain

36. เพิ่ม Activity Class เข้าไปใน AndroidManifest.xml
36Mr.Jenchoke Tachagomain

37. ปรับแต่ง onClick() ของ button3
Object Intent ทาหน้าที่ผูกการทางานระหว่าง Class MainActivity.javaและ UpdateActivity.java
Object PendingIntentทาหน้าที่เป็นตัวสั่งการเชื่อมต่อระหว่างกันผ่านตัวแปร Object
37Mr.Jenchoke Tachagomain

38. Click
Click
MainActivity.java UpdateActivity.javaNotification Manager
38Mr.Jenchoke Tachagomain

39. การสร้างการทางานแบบ ListActivity
39Mr.Jenchoke Tachagomain

40. สร้างทาการAndroid Application
40Mr.Jenchoke Tachagomain

41. กาหนดการ Create Activity
41Mr.Jenchoke Tachagomain

42. กาหนดชนิดของการ Create Activity
เลือก Blank Activity 42Mr.Jenchoke Tachagomain

43. ตั้งชื่อ Activity และ Layout
43Mr.Jenchoke Tachagomain

44. Copy Files
Copy File รูปภาพ .png ไปวางใน Patch ของ res/drawable-hdpi/44Mr.Jenchoke Tachagomain

45. Copy File รูปภาพ .png ไปวางใน Patch
ของ res/drawable-hdpi/
การตั้งชื่อ Image Resource Files
ในระบบ Android นั้นห้ามมีการใช้
เครื่องหมายลบหรือมรีช่องว่าง
“ ” และ ”-”
45Mr.Jenchoke Tachagomain

46. สร้าง List Menu โดยใช้ Object ImageView ลากมาวางไว้ที่ Layout
ระบบจะให้เลือก
Image Resource Files
Click
46Mr.Jenchoke Tachagomain

47. activity_main.xml
47Mr.Jenchoke Tachagomain

48. กาหนดการทางานของ Class MainActivity
โดยให้สืบทอดจาก Class จาก ListActivity
สร้าง String Array เพื่อใช้ในกาหนดการแสดงรายการ
48Mr.Jenchoke Tachagomain

49. สร้าง Class ArrayAdapterImage มาทาหน้าที่แสดง
ข้อความและรูปภาพใน ListActivity ดังนี้
49Mr.Jenchoke Tachagomain

50. 50Mr.Jenchoke Tachagomain

51. เรียกใช้ ArrayAdapterImage ในหาร
setListAdapter ดังนี้
51Mr.Jenchoke Tachagomain

52. ทาการ Run
Android Application
52Mr.Jenchoke Tachagomain

53. การเพิ่ม Event onListItemClick()
53Mr.Jenchoke Tachagomain

54. ทาการ Run
Android Application
Click
แสดงข้อความที่กาหนดไว้
54Mr.Jenchoke Tachagomain

55. การรับส่งข้อมูลระหว่าง Activity
55Mr.Jenchoke Tachagomain

56. สร้าง Android Project ชื่อ SendData
56Mr.Jenchoke Tachagomain

57. ออกแบบ Layout เพื่อใช้ส่งข้อมูล
activity_main.xml
57Mr.Jenchoke Tachagomain

58. Click เพื่อสร้าง XML Layout
(secondscreen.xml)
สร้าง Layout เพื่อใช้รับข้อมูล
58Mr.Jenchoke Tachagomain

59. สร้าง Layout ชื่อ secondscreen.xml
59Mr.Jenchoke Tachagomain

60. secondscreen.xml 60Mr.Jenchoke Tachagomain

61. สร้าง Activity Class ชื่อ SecondScreen.java
61Mr.Jenchoke Tachagomain

62. สร้าง methods onCreate() ให้กับ
Class SecondScreen.java
62Mr.Jenchoke Tachagomain

63. กาหนดตัวแปลงที่จะใช้ส่งข้อมูล
ดึงค่าจาก Object ค่าให้
ตัวแปล
ส่งผ่านข้อมูลระหว่าง Activity โดยใช้ Object Intent
MainActivity.java
63Mr.Jenchoke Tachagomain

64. SecodScreen.java
กลับหน้าจอหลัก
ดึงค่าจาก Object Intent
โดยใช้ method getIntent()
64Mr.Jenchoke Tachagomain

65. เพิ่ม Class SecondScreen ใน
AndroidManifest.xml
65Mr.Jenchoke Tachagomain

66. เพิ่ม Class SecondScreen ใน AndroidManifest.xml 66Mr.Jenchoke Tachagomain

67. Click
Click
SecodScreenMainActivity 67Mr.Jenchoke Tachagomain

68. Android Selfie
68Mr.Jenchoke Tachagomain

69. Mr.Jenchoke Tachagomain 69
สร้าง Android Project ชื่อ MyCamera

70. AndroidManifest.xml
Mr.Jenchoke Tachagomain 70
เพิ่ม Permission ในการเข้าถึง Camera Device และ Storage
ให้กับ Android Project

71. Mr.Jenchoke Tachagomain 71
AndroidManifest.xml

72. 72Mr.Jenchoke Tachagomain
activity_main.xml

73. Mr.Jenchoke Tachagomain 73
activity_main.xml

74. Mr.Jenchoke Tachagomain 74
activity_main.xml
กาหนดขนาดให้กับ
SerfaceView

75. Mr.Jenchoke Tachagomain 75
MainActivity.java

76. Mr.Jenchoke Tachagomain 76MainActivity.java
Method ของการ Implement SerfaceHolder.Callback

77. Mr.Jenchoke Tachagomain 77
Click Click
กล้องหลัง กล้องหน้า

78. ถ่ายภาพและจัดเก็บภาพ
Mr.Jenchoke Tachagomain 78
เพิ่ม method PictureCallback() เพื่อมารองรับการทางานของ method Camera.takePicture()
ข้อมูลภาพ
Patch ที่อยู่ของรูปที่จะจัดเก็บ
สร้าง File รูปภาพ

79. Mr.Jenchoke Tachagomain 79
เพิ่ม Event Onclick เพื่อทาการถ่ายภาพ
โดยเรียกใช้งานผ่าน Method takePicture() ของ Object Camera

80. Mr.Jenchoke Tachagomain 80
รูปภาพถูกจัดเก็บไว้ตามที่มีการกาหนด
ไว้ให้ Application

81. Thank
81