20

Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

  • Upload
    others

  • View
    21

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ
Page 2: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

การสราง Emulator เรมตนสรางโปรเจค ออกแบบหนาจอ เขยนโคดเพอก าหนดการท างานของ App ทดสอบการท างานของ App ผาน Emulator

Page 3: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

การพฒนา Application จ าเปนตองท าการสราง Emulator เพอใชในการจ าลองเปนโทรศพทมอถอ ส าหรบผไมมโทรศพท ทมระบบปฏบตการ Android

การจ าลองอปกรณโทรศพทมอถอบนระบบ Android ขนมาเรยกวา ADV Android Virtual Device

โดยปรกต หากเราท าการพฒนา Application บน Emulator ส าเรจแลวกสามารถน าไปใชงานไดจรงเชนกน

Page 4: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ผใชไมจ าเปนตองซอโทรศพทจรงๆ สามารถใช Feature ทระบบ Android มใหไดครบเชน Google

map สามารถพฒนา App ไดเรวกวา เพราะวาจะตองมการตรวจสอบ

และแกไขขอผดพลาดกอนทจะน าไปตดตงจรง

Page 5: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

1. เปดโปรแกรม Eclipse 2. คลกท window เลอก AVD Manager 3. ท าการเลอก New เพอสราง AVD ขนมา

Page 6: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

New ท าการกรอกชอ Tager ท าการเลอกรนหรอ version ของ Android ทจะพฒนา Size กรอกขนาดความจของหนวยความจ า Built-in ท าการเลอกขนาดส าหรบการแสดง ผล เมอก าหนดขอมลเรยบรอยแลวกท าการคลก ท Create AVD

Page 7: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ท าการเลอก Emu ทเราสราง จากนนกด Start และ Launch เรากจะได Android ส าหรบ ใชพฒนา Application

Page 8: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ท าการคลกท File-> New -> Android Application Project

Page 9: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ท าการตงชอ Application Name ท าการตงชอ Project Name ท าการตงชอ Package Name ชอ package จะอยในรป xx.xx.xx ในทนขอใหตงเปน com.app.helloworld จากนนกด Next

Page 10: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

หนาน ใชส าหรบก าหนด MainActivity เพอก าหนดให Class ใดเปน Class แรกทท างาน เมอตงชอแลวกด Finish

Page 11: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

จะไดไฟล ท ระบบสรางใหดงรป จะม Activity_Main.xml ใชส าหรบออกแบบหนาจอวาจะใหมลกษณะใด ใหทดลองท าการรน Application ทเราสรางขนมา

Page 12: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

การออกแบบหนาจอจะเปนการแกไขโคดของ XML ซงอยใน Folder Layout แตและ App สามารถสราง หนาจอไดหลายๆ หนาขนอยกบผพฒนา

แตส าหรบผทใช Eclipse ผพฒนาสามารถลาก และวาง เครองมอทตองการลงในหนาจอไดเลย

Eclipse จะท าการแกไข XML ใหตามทผใชก าหนด

Page 13: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

จะเหนวา หนาจอของ Android ม 2 mode คอ Graphical Layour และ สวนทเปน XML Fil โดยทเมอเราท าการแกไขใน Graphic XML กจะถกแกไปดวย ดงนนผพฒนาไมจ าเปนตองมความร เกยวกบ XML มากนก

Page 14: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ใหนกศกษาลองสรางหนาจอดงรป

Page 15: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

Outline เปนกลองเครองมอชวยในการสราง ลบ จดล าดบกอนหลงของ Element ตาง Properties เปนกลองเครองมอเพอก าหนดคณสมบตตางๆ ของ Element

Page 16: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ดในสวนของ XML จะสงเกตเหนวา EditText มสวนของ android:id="@+id/editText2“ เราสามารถตงชอ edittext แตละอนไดโดย แกไขชอ ID เหลาน ชอ ID เหลานจะถก อางองในการเขยนโปรแกรมดวย

Page 17: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ใหนกศกษาท าการเปดไฟล MainActive.java ขนมา ไฟลนจะถกรนเปนไฟลแรกขณะท App เรมท างาน

เมอเปดไฟลขนมาเราจะไดดงภาพ

Page 18: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ท าการแกไขโคดโดยแกไขโคดดงรป

Page 19: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ท าการรนโปรแกรม และ พมพขอความลงในชองแรก ละกดทปม สงเกตผลการรนโปรแกรม

Page 20: Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ App สามารถสร้าง หน้าจอได้หลายๆ

ใหนกศกษาท าการแกไขโคดโปรแกรม โดยก าหนด พมพตวเลขลงใน 2 ชองแรก จากนนใหท าการแสดงผลการ + กนของ ทง 2 ตวแรก และแสดงผลลพธ ลงในชอง Result เมอท าการคลกทปม Button หาก 2 ชองแรก ไมใชตวเลขให แสดงขอความเตอนและใหท าการกรอกขอมลใหม