แนวคิดการออกแบบ, และ แก้ปัญหา ความหลากหลาย หน้าจอ ของ แอนดรอยด์ โดย มาสเตอร์ อึ่ง สถาบัน EWTC http://androidthai.in.th

1. User Interface for Mobile App
Wednesday, November 20, 13

2. มาสเตอร์ อึ่ง
EWTC Institute
http:androidthai.in.th
Wednesday, November 20, 13

3. ความหลากหลาย ของ ขนาดจอ
ปัจจัย ต่างๆ
• Brand ของผู้ผลิด
• Density Screen
• อัตราส่วนของจอ
Wednesday, November 20, 13

4. หน่วย ที่ใช้ในการวัด
• Pixel (px)
• Inches (in)
• Millimeter (mm)
• Point (pt)
• Scale Independent Pixels (sp)
• Density Independent Pixels (dp)
Wednesday, November 20, 13

5. Screen Size
• small (426dp x 320dp)
• normal (470dp x 320dp)
• large (640dp x 480dp)
• xlarge (960dp x 720dp)
Wednesday, November 20, 13

6. Density Screen
• ldpi <= 140dpi
• mdpi 140dpi --- 186.5dpi
• tvdpi 186.5dpi --- 227dpi
• hdpi 227dpi --- 280dpi
• xhdpi 280dpi --- 400dpi
• xxhdpi >= 400dpi
Wednesday, November 20, 13

7. แล้วต้อง ออกแบบ สำหรับจอแบบไหนบ้างละ ?
Wednesday, November 20, 13

8. จอ ที่ ปรากฎในตลาด
Wednesday, November 20, 13

9. Orientation
• Portrait
• Landscape
• Square
Wednesday, November 20, 13

10. แล้วจะทำอย่างไร ?
Wednesday, November 20, 13

11. ตัดจอที่ไม่ใช้ออกไป
ที่ AndroidManifest.xml
มี แทคสามารถ กำหนด
support-screens
Wednesday, November 20, 13

12. เลือก Orientation
เราสามารถกำหนด
Orientation ให้
Portrait
Landscape
อย่างเดียวได้
Wednesday, November 20, 13

13. Alternative Drawable
• hdpi : 6/4
• ldpi : 3/4
• mdpi : 1
• xhdpi : 8/4
Wednesday, November 20, 13

14. Density Independent (dp)
dp = px * 160/dpi
px = dp *dpi/160
Wednesday, November 20, 13

15. ไม่ Fix ขนาด Widget
• wrap content
• fill parent
• match parent
Wednesday, November 20, 13

16. Resource Directory
• layout
• values
Wednesday, November 20, 13

17. Multiple Screen
Wednesday, November 20, 13

18. Q&A
https://www.facebook.com/android.Training.by.EWTC
Wednesday, November 20, 13