Design Multiple Screen android
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Design Multiple Screen android

on

  • 2,075 views

แนวคิดการออกแบบ, และ แก้ปัญหา ความหลากหลาย หน้าจอ ของ แอนดรอยด์ ...

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

Statistics

Views

Total Views
2,075
Views on SlideShare
2,075
Embed Views
0

Actions

Likes
1
Downloads
58
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Design Multiple Screen android Presentation Transcript

  • 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