Page 23 - วิทยาการคำนวณ ม.3

19

ใบงานที่ 1.1

เรื่อง การออกแบบและควบคุมการแสดงภาพอย่างง่าย

ี่
ื่
ชอ.............................................................................................เ ล ข ท . . . . . . . . . . . . . . .
ี
ี่
ชั้นมัธยมศึกษาปท 3/........
ื
ี
วิชาเทคโนโลยี (วิทยาการค านวณ) วันเดอนป ...........................................

้
ั
้
ี
ค าชแจง ใหนกเรียนใชเครื่องมือ User interface และ Layout จากใบความรู้ท่ 1.1 ออกแบบ
ี
้
้
ี
แอปพลิเคชันดังน
1. แบ่งจอภาพเปนสามส่วนด้วย เครื่องมือใน Layout ส่วนบนสูง 250 พิกเซล กว้างเต็มจอ
็
ส่วนกลางสูง 80 พิกเซล ส่วนล่างสูง 60 พิกเซล
็
2. แบ่งส่วนล่างออกเปนสองส่วน
่
3. วาง Image ทีส่วนบนแล้ว Upload ภาพเข้ามา
่
่
่
4. วาง Button สองปุมทีส่วนล่างของจอ ปุมซ้ายใส่ข้อความ “แสดงภาพ” ปุมขวา “ซ่อนภาพ”
่
5. คลิกมุมมอง Block และ Button1 เขียนค าสั่งให้แสดงภาพ

่
6. ปุม Button 2 เขียนค าสั่งให้ซ่อนภาพ
7. ทดสอบการท างาน
8. คลิกที My Project > Save Project As ตั้งชื่อ เช่น My First App
่
9. คลิกที My Project > Export selected project (.aia) to my computer
่
ค าถาม
1. Image มีคอนโทรลอะไรหรือไม่

์
2. ในบล็อกของ Button มีเหตุการณอะไรให้อีกนอกจาก .click
3. การบันทึกและส่งออกในข้อ 7 และ 8 ข้อมูลถูกเก็บไว้ทีไหน
่