Appคู่มือทําอาหาร 1....
Transcript of Appคู่มือทําอาหาร 1....
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
1 Java for Android Mobile Application Developers | Bowon Luangprakai
Appคมอทาอาหาร
1. สรางโปรแกรมใหมชอ Janded
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
2 Java for Android Mobile Application Developers | Bowon Luangprakai
2. จดเตรยมไฟลรปภาพทตองการใช ใสใน drawable ใหครบ
ชอไฟลรป
• ชอไฟลตองใช a-z ,0-9 และ ขดลาง( _ )
• เรมตนดวยตวอกษร
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
3 Java for Android Mobile Application Developers | Bowon Luangprakai
3. จดวางภาพโดยลาก ImageView ไปใสในหนา main
4. เลอกรปทตองการ แลวกด OK
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
4 Java for Android Mobile Application Developers | Bowon Luangprakai
5. จดวางภาพทหนาแรกใหเรยบรอย (อาจทาการตกแตงรปใน Photoshop เปนรปหนาปกมาวางกได)
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
5 Java for Android Mobile Application Developers | Bowon Luangprakai
6. เพมไฟล Android XML เพอทาหนาเมน
7. ตงชอไฟล และเลอก Layout แบบ Scrollview
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
6 Java for Android Mobile Application Developers | Bowon Luangprakai
8. เพม LinearLayout(Vertical) เพอใหจดวางภาพเปนลาดบตามแนวตงได
9. เพม LinearLayout(Horizontal) เพอใหจดวางภาพเปนลาดบตามแนวนอนได แลวใสคาส
(ใชคาสแบบเวบไซด สามารถหาท Google ดวยคาวา Table color)
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
7 Java for Android Mobile Application Developers | Bowon Luangprakai
10. จดวางภาพโดยลาก ImageView ไปใสใน LinearLayout(Horizontal) แลวเลอกรป
กาหนดขนาดรป width = 130dp และ height = 100dp
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
8 Java for Android Mobile Application Developers | Bowon Luangprakai
11. จดวางขอความโดยลาก TextView ไปใสใน LinearLayout(Horizontal)
• กาหนดขนาดรป width = match_parent และ height = wrap_content
• กาหนด Gravity เปน center เพอใหขอความอยกงกลาง
• กาหนดขอความทจะแสดงท Text
• กาหนดสตวอกษรท Textcolor
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
9 Java for Android Mobile Application Developers | Bowon Luangprakai
12. จดวาง Layout ใหเรยบรอย
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
10 Java for Android Mobile Application Developers | Bowon Luangprakai
13. เพมไฟล Android XML เพอทาหนาเมน
14. ตงชอไฟล และเลอก Layout แบบ Scrollview
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
11 Java for Android Mobile Application Developers | Bowon Luangprakai
15. ใส ImageView และ TextView ตามรป
กาหนด TextView Width และ Height = fill_parent
16. ไปทไฟล strings.xml ทโฟลเดอร values
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
12 Java for Android Mobile Application Developers | Bowon Luangprakai
17. ทไฟล strings.xml เพม เพอเกบขอความทจะนาไปแสดง
<string name = “ชอขอความ”> ขอความ </string>
18. ทTextView พมพ @string/ชอขอความ ท Text
19. เพมหนาแลวจดวางใหครบ 15 หนา
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
13 Java for Android Mobile Application Developers | Bowon Luangprakai
20. เมอจดวางหนาเรยบรอยแลวกมาทาการเขยนโปรแกรมเพมใหเมอคลกเลอกเมน กใหไปเปดหนาแสดงขอมล
ขนตอนการทางานของโปรแกรม จะทางานควบคกนระหวางไฟล XML ทใชจดหนาจอโปรแกรม กบไฟล JAVA ทใช
เขยนคาสงควบคมการทางาน ไฟล JAVA จะเปนตวเรยกใหไฟล XML ทางาน ดงนนเราตองสรางไฟลJAVA ใหกบ
หนาจอXML ทง หมดทเราสรางขน
21. เรมดวยการเพมไฟล JAVA ใหกบหนาเมน
ไปท File > New > File
22. ตงชอไฟล menu.java
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
14 Java for Android Mobile Application Developers | Bowon Luangprakai
23. พมพ code ตามตวอยาง ตงชอ class ใหตรงกบชอไฟลกได
24. ทาตามขอ 21-23 จนครบ 16 ไฟล คอไฟลเมน (menu.java) และไฟลแสดงผลทง 15 ไฟล (menu1.java – menu15.java)
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
15 Java for Android Mobile Application Developers | Bowon Luangprakai
25. กลบมาทไฟล menu.java เพอเรมเขยนคาสงเปดหนาโปรแกรม เพมฟงกชน ButtonClickHandler เพอรอรบการกดเลอกเมน
ทาใหครบ 30 ชด ม imageView1- imageView15 และ textView1- textView15
โดย imageView1 และ textView1 จะทาการเปดหนา menu1.xml
imageView2 และ textView2 จะทาการเปดหนา menu2.xml
public void ButtonClickHandler(View v) { switch(v.getId()) { case R.id.imageView1:
Intent intentimage1 = new Intent(getBaseContext(),menu1.class); startActivity(intentimage1); break; case R.id.textView1: Intent intentmenu1 = new Intent(getBaseContext(),menu1.class); startActivity(intentmenu1); break; case R.id.imageView2: Intent intentimage2 = new Intent(getBaseContext(),menu2.class); startActivity(intentimage2); break; case R.id.textView2: Intent intentmenu2 = new Intent(getBaseContext(),menu2.class); startActivity(intentmenu2); break; } }
คาสงนเปนการกาหนดใหตวแปร intentimage1 นสบทอดรปแบบ class มาจาก menu1
Intent intentimage1 = new Intent(getBaseContext(),menu1.class);
ทคาสงนกาหนดใหเปดหนาไฟล XML ทสบทอดมา ในตวอยางน หนา menu1.xml จะถกเปดขนมา
startActivity(intentimage1);
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
16 Java for Android Mobile Application Developers | Bowon Luangprakai
26. จะมการฟอง error ไมรจก คอ View, Intent, menu1 และ menu2 เพราะยงไมมการประกาศใหโปรแกรมรจก
แกไข View และ Intent โดยการ import เพม
import android.content.Intent;
import android.view.View;
27. สวน menu1ท Error แสดงวายงไมไดสรางไฟล menu1.java ใหไปสรางตามขอ 21-23
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
17 Java for Android Mobile Application Developers | Bowon Luangprakai
28. นาชอ ฟงกชน ButtonClickHandler ไปใสท Onclick ของ TextView และ ImageView ของไฟล menu.xml ทกตว จะ
ทาใหเมอมการคลกทภาพ หรอขอความทหนาเมน กจะเขาไปทฟงกชน ButtonClickHandler เพอตรวจสอบวาคลก
มาจาก Object ไหน และตองไปเปดหนาไฟลไหนชน
Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL
18 Java for Android Mobile Application Developers | Bowon Luangprakai
29. เพอใหโปรแกรมรจกกบไฟล JAVA ทเราสรางขน โดยไปกาหนดคาเพมทไฟล AndroidManifest.xml
• เปดไฟล AndroidManifest.xml
• เลอกปาย AndroidManifest.xml
• เพมคาสง <activity android:name=".menu"></activity>
<activity android:name=".menu1"></activity>
30. กาหนดคาพมใหครบถง .menu15