Emulator App Emulator - qasatit.su.ac.th · Android การจ า ... Layout แต่และ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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