Design Multiple Screen android

5,673 views

Published on

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

Published in: Education, Technology, Business

Design Multiple Screen android

  1. 1. User Interface for Mobile App Wednesday, November 20, 13
  2. 2. มาสเตอร์ อึ่ง EWTC Institute http:androidthai.in.th Wednesday, November 20, 13
  3. 3. ความหลากหลาย ของ ขนาดจอ ปัจจัย ต่างๆ • Brand ของผู้ผลิด • Density Screen • อัตราส่วนของจอ Wednesday, November 20, 13
  4. 4. หน่วย ที่ใช้ในการวัด • Pixel (px) • Inches (in) • Millimeter (mm) • Point (pt) • Scale Independent Pixels (sp) • Density Independent Pixels (dp) Wednesday, November 20, 13
  5. 5. Screen Size • small (426dp x 320dp) • normal (470dp x 320dp) • large (640dp x 480dp) • xlarge (960dp x 720dp) Wednesday, November 20, 13
  6. 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. 7. แล้วต้อง ออกแบบ สำหรับจอแบบไหนบ้างละ ? Wednesday, November 20, 13
  8. 8. จอ ที่ ปรากฎในตลาด Wednesday, November 20, 13
  9. 9. Orientation • Portrait • Landscape • Square Wednesday, November 20, 13
  10. 10. แล้วจะทำอย่างไร ? Wednesday, November 20, 13
  11. 11. ตัดจอที่ไม่ใช้ออกไป ที่ AndroidManifest.xml มี แทคสามารถ กำหนด support-screens Wednesday, November 20, 13
  12. 12. เลือก Orientation เราสามารถกำหนด Orientation ให้ Portrait Landscape อย่างเดียวได้ Wednesday, November 20, 13
  13. 13. Alternative Drawable • hdpi : 6/4 • ldpi : 3/4 • mdpi : 1 • xhdpi : 8/4 Wednesday, November 20, 13
  14. 14. Density Independent (dp) dp = px * 160/dpi px = dp *dpi/160 Wednesday, November 20, 13
  15. 15. ไม่ Fix ขนาด Widget • wrap content • fill parent • match parent Wednesday, November 20, 13
  16. 16. Resource Directory • layout • values Wednesday, November 20, 13
  17. 17. Multiple Screen Wednesday, November 20, 13
  18. 18. Q&A https://www.facebook.com/android.Training.by.EWTC Wednesday, November 20, 13

×