Appคู่มือทําอาหาร 1. สร้างโปรแกรมใหม่ชื่อ Janded Development2.pdf · Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL

Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL

1 Java for Android Mobile Application Developers | Bowon Luangprakai

Appคมอทาอาหาร

1. สรางโปรแกรมใหมชอ Janded



2. จดเตรยมไฟลรปภาพทตองการใช ใสใน drawable ใหครบ

ชอไฟลรป

• ชอไฟลตองใช a-z ,0-9 และ ขดลาง( _ )

• เรมตนดวยตวอกษร



3. จดวางภาพโดยลาก ImageView ไปใสในหนา main

4. เลอกรปทตองการ แลวกด OK



5. จดวางภาพทหนาแรกใหเรยบรอย (อาจทาการตกแตงรปใน Photoshop เปนรปหนาปกมาวางกได)



6. เพมไฟล Android XML เพอทาหนาเมน

7. ตงชอไฟล และเลอก Layout แบบ Scrollview



8. เพม LinearLayout(Vertical) เพอใหจดวางภาพเปนลาดบตามแนวตงได

9. เพม LinearLayout(Horizontal) เพอใหจดวางภาพเปนลาดบตามแนวนอนได แลวใสคาส

(ใชคาสแบบเวบไซด สามารถหาท Google ดวยคาวา Table color)



10. จดวางภาพโดยลาก ImageView ไปใสใน LinearLayout(Horizontal) แลวเลอกรป

กาหนดขนาดรป width = 130dp และ height = 100dp



11. จดวางขอความโดยลาก TextView ไปใสใน LinearLayout(Horizontal)

• กาหนดขนาดรป width = match_parent และ height = wrap_content

• กาหนด Gravity เปน center เพอใหขอความอยกงกลาง

• กาหนดขอความทจะแสดงท Text

• กาหนดสตวอกษรท Textcolor



12. จดวาง Layout ใหเรยบรอย



13. เพมไฟล Android XML เพอทาหนาเมน

14. ตงชอไฟล และเลอก Layout แบบ Scrollview



15. ใส ImageView และ TextView ตามรป

กาหนด TextView Width และ Height = fill_parent

16. ไปทไฟล strings.xml ทโฟลเดอร values



17. ทไฟล strings.xml เพม เพอเกบขอความทจะนาไปแสดง

<string name = “ชอขอความ”> ขอความ </string>

18. ทTextView พมพ @string/ชอขอความ ท Text

19. เพมหนาแลวจดวางใหครบ 15 หนา



20. เมอจดวางหนาเรยบรอยแลวกมาทาการเขยนโปรแกรมเพมใหเมอคลกเลอกเมน กใหไปเปดหนาแสดงขอมล

ขนตอนการทางานของโปรแกรม จะทางานควบคกนระหวางไฟล XML ทใชจดหนาจอโปรแกรม กบไฟล JAVA ทใช

เขยนคาสงควบคมการทางาน ไฟล JAVA จะเปนตวเรยกใหไฟล XML ทางาน ดงนนเราตองสรางไฟลJAVA ใหกบ

หนาจอXML ทง หมดทเราสรางขน

21. เรมดวยการเพมไฟล JAVA ใหกบหนาเมน

ไปท File > New > File

22. ตงชอไฟล menu.java



23. พมพ code ตามตวอยาง ตงชอ class ใหตรงกบชอไฟลกได

24. ทาตามขอ 21-23 จนครบ 16 ไฟล คอไฟลเมน (menu.java) และไฟลแสดงผลทง 15 ไฟล (menu1.java – menu15.java)



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);



26. จะมการฟอง error ไมรจก คอ View, Intent, menu1 และ menu2 เพราะยงไมมการประกาศใหโปรแกรมรจก

แกไข View และ Intent โดยการ import เพม

import android.content.Intent;

import android.view.View;

27. สวน menu1ท Error แสดงวายงไมไดสรางไฟล menu1.java ใหไปสรางตามขอ 21-23



28. นาชอ ฟงกชน ButtonClickHandler ไปใสท Onclick ของ TextView และ ImageView ของไฟล menu.xml ทกตว จะ

ทาใหเมอมการคลกทภาพ หรอขอความทหนาเมน กจะเขาไปทฟงกชน ButtonClickHandler เพอตรวจสอบวาคลก

มาจาก Object ไหน และตองไปเปดหนาไฟลไหนชน



29. เพอใหโปรแกรมรจกกบไฟล JAVA ทเราสรางขน โดยไปกาหนดคาเพมทไฟล AndroidManifest.xml

• เปดไฟล AndroidManifest.xml

• เลอกปาย AndroidManifest.xml

• เพมคาสง <activity android:name=".menu"></activity>

<activity android:name=".menu1"></activity>

30. กาหนดคาพมใหครบถง .menu15



31. ทไฟล Janded.java เพมฟงกชน ButtonClickHandler เพอรอรบการกดเขาสหนาเมน

32. นาชอ ฟงกชน ButtonClickHandler ไปใสท Onclick ของ ImageView ของไฟล main.xml

Documents

Appคู่มือทําอาหาร 1. สร้างโปรแกรมใหม่ชื่อ Janded Development2.pdf · Pro 2 SUANKULARB WITTAYALAI NONTHABURI SCHOOL