Page 105 - Suradeth

93

กำรสร้ำงแอพในส่วนหน้ำจอ Designer นั้น เรำจะลำก Component (คอมโพแนน) ที่อย่่ในกล่อง Palette(พำ
เลท) ด้ำนซ้ำยมือ ลำกมำวำงส่วนของ Viewer( วิวเวอร์) ซึ่งเป็นที่แสดงผลของหน้ำจอแอพ โดยเรำสำมำรถก ำหนดว่ำคอม

โพแนนแต่ละตัวมี Properties (คุณสมบัติ) อย่ำงไรบ้ำง

สำธิตกำรลำก Component มำยังส่วนหน้ำจอ ของ App Inventor 2

อะไรคือ Component ? อะไรคือ Properties ?
Component คือวัตถุที่จะถูกวำงบนหน้ำจอแอพที่เรำออกแบบจะมีทั้งแสดงผลบนหน้ำจอและส่วนของกำรท ำงำน

ภำยใน Component จะเก็บใน Palette โดยแยกตำมประเภทของ component ประเภทต่ำงๆ ดังนี้
 User Interface เป็นส่วนที่แสดงบนหน้ำจอจะเป็นส่วนที่ใช้ติดต่อระหว่ำงผู้ใช้แอพกับตัวแอพ พูดง่ำยๆ คือส่วนที่

เรำจะมองเห็นหรือสั่งให้แอพท ำอะไร โต้ตอบแสดงผลกับผู้ใช้ ทั้งหมดจะถูกเก็บไว้ส่วนนี้ เช่น ปุ่ม , กำรพิม์ข้อควำม,
กำรใส่ภำพและอื่นๆ

 Layout เป็นส่วนที่จะมำจัดวำงกำรแสดงผลของหน้ำจอว่ำจะวำงยังไรให้สวยงำม โดยทั่วไปเรำจะลำกส่วนนี้มำวำง
เป็นสัดสวนก่อนแล้วค่อยลำกคอมโพแนนส่วน User Interface มำวำง

 Media เป็นส่วนของกำรใช้งำนด้ำนมีเดีย ไม่ว่ำจะเป็นกำรเล่นเสียง เล่นวิดีโอ ถ่ำยรูป อัดเสียงและอีกมำกมำย
 Drawing and Animation จะเป็นส่วนของกำรวำดรูปและกำรท ำให้ภำพเกิดกำรเคลื่อนไหว

 Sensors จะเป็นส่วนที่ใช้ท ำงำนร่วมกับเซ็นเซอร์ของอุปกรณ์ เช่น เซ็นเซอร์ควำมเร็ว เซ็นเซอร์GPS เซ็นเซอร์เข็ม
ทิศ

 Social เป็นส่วนของของกำรเขียนโปรแกรมเกี่ยวกับกำรโทรออก กำรส่ง sms กำรเรียกดูสมุดโทรศัพท์และส่วนของ
แชร์ไปยังโปรแกรมสังคอมออนไลน์