design multiple screen android
DESCRIPTION
แนวคิดการออกแบบ, และ แก้ปัญหา ความหลากหลาย หน้าจอ ของ แอนดรอยด์ โดย มาสเตอร์ อึ่ง สถาบัน EWTC http://androidthai.in.thTRANSCRIPT
![Page 1: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/1.jpg)
User Interface for Mobile App
Wednesday November 20 13
มาสเตอร องEWTC Institutehttpandroidthaiinth
Wednesday November 20 13
ความหลากหลาย ของ ขนาดจอ
bull Brand ของผผลด
bull Density Screen
bull อตราสวนของจอ
ปจจย ตางๆ
Wednesday November 20 13
หนวย ทใชในการวดbull Pixel (px)
bull Inches (in)
bull Millimeter (mm)
bull Point (pt)
bull Scale Independent Pixels (sp)
bull Density Independent Pixels (dp)
Wednesday November 20 13
Screen Size
bull small (426dp x 320dp)
bull normal (470dp x 320dp)
bull large (640dp x 480dp)
bull xlarge (960dp x 720dp)
Wednesday November 20 13
Density Screenbull ldpi lt= 140dpi
bull mdpi 140dpi --- 1865dpi
bull tvdpi 1865dpi --- 227dpi
bull hdpi 227dpi --- 280dpi
bull xhdpi 280dpi --- 400dpi
bull xxhdpi gt= 400dpi
Wednesday November 20 13
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 2: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/2.jpg)
มาสเตอร องEWTC Institutehttpandroidthaiinth
Wednesday November 20 13
ความหลากหลาย ของ ขนาดจอ
bull Brand ของผผลด
bull Density Screen
bull อตราสวนของจอ
ปจจย ตางๆ
Wednesday November 20 13
หนวย ทใชในการวดbull Pixel (px)
bull Inches (in)
bull Millimeter (mm)
bull Point (pt)
bull Scale Independent Pixels (sp)
bull Density Independent Pixels (dp)
Wednesday November 20 13
Screen Size
bull small (426dp x 320dp)
bull normal (470dp x 320dp)
bull large (640dp x 480dp)
bull xlarge (960dp x 720dp)
Wednesday November 20 13
Density Screenbull ldpi lt= 140dpi
bull mdpi 140dpi --- 1865dpi
bull tvdpi 1865dpi --- 227dpi
bull hdpi 227dpi --- 280dpi
bull xhdpi 280dpi --- 400dpi
bull xxhdpi gt= 400dpi
Wednesday November 20 13
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 3: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/3.jpg)
ความหลากหลาย ของ ขนาดจอ
bull Brand ของผผลด
bull Density Screen
bull อตราสวนของจอ
ปจจย ตางๆ
Wednesday November 20 13
หนวย ทใชในการวดbull Pixel (px)
bull Inches (in)
bull Millimeter (mm)
bull Point (pt)
bull Scale Independent Pixels (sp)
bull Density Independent Pixels (dp)
Wednesday November 20 13
Screen Size
bull small (426dp x 320dp)
bull normal (470dp x 320dp)
bull large (640dp x 480dp)
bull xlarge (960dp x 720dp)
Wednesday November 20 13
Density Screenbull ldpi lt= 140dpi
bull mdpi 140dpi --- 1865dpi
bull tvdpi 1865dpi --- 227dpi
bull hdpi 227dpi --- 280dpi
bull xhdpi 280dpi --- 400dpi
bull xxhdpi gt= 400dpi
Wednesday November 20 13
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 4: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/4.jpg)
หนวย ทใชในการวดbull Pixel (px)
bull Inches (in)
bull Millimeter (mm)
bull Point (pt)
bull Scale Independent Pixels (sp)
bull Density Independent Pixels (dp)
Wednesday November 20 13
Screen Size
bull small (426dp x 320dp)
bull normal (470dp x 320dp)
bull large (640dp x 480dp)
bull xlarge (960dp x 720dp)
Wednesday November 20 13
Density Screenbull ldpi lt= 140dpi
bull mdpi 140dpi --- 1865dpi
bull tvdpi 1865dpi --- 227dpi
bull hdpi 227dpi --- 280dpi
bull xhdpi 280dpi --- 400dpi
bull xxhdpi gt= 400dpi
Wednesday November 20 13
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 5: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/5.jpg)
Screen Size
bull small (426dp x 320dp)
bull normal (470dp x 320dp)
bull large (640dp x 480dp)
bull xlarge (960dp x 720dp)
Wednesday November 20 13
Density Screenbull ldpi lt= 140dpi
bull mdpi 140dpi --- 1865dpi
bull tvdpi 1865dpi --- 227dpi
bull hdpi 227dpi --- 280dpi
bull xhdpi 280dpi --- 400dpi
bull xxhdpi gt= 400dpi
Wednesday November 20 13
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 6: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/6.jpg)
Density Screenbull ldpi lt= 140dpi
bull mdpi 140dpi --- 1865dpi
bull tvdpi 1865dpi --- 227dpi
bull hdpi 227dpi --- 280dpi
bull xhdpi 280dpi --- 400dpi
bull xxhdpi gt= 400dpi
Wednesday November 20 13
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 7: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/7.jpg)
แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ
Wednesday November 20 13
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 8: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/8.jpg)
จอ ท ปรากฎในตลาด
Wednesday November 20 13
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 9: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/9.jpg)
Orientation
bull Portrait
bull Landscape
bull Square
Wednesday November 20 13
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 10: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/10.jpg)
แลวจะทำอยางไร
Wednesday November 20 13
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 11: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/11.jpg)
ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด
support-screens
Wednesday November 20 13
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 12: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/12.jpg)
เลอก OrientationเราสามารถกำหนดOrientation ให
PortraitLandscapeอยางเดยวได
Wednesday November 20 13
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 13: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/13.jpg)
Alternative Drawable
bull hdpi 64
bull ldpi 34
bull mdpi 1
bull xhdpi 84
Wednesday November 20 13
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 14: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/14.jpg)
Density Independent (dp)
dp = px 160dpipx = dp dpi160
Wednesday November 20 13
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 15: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/15.jpg)
ไม Fix ขนาด Widget
bull wrap content
bull fill parent
bull match parent
Wednesday November 20 13
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 16: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/16.jpg)
Resource Directory
bull layout
bull values
Wednesday November 20 13
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 17: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/17.jpg)
Multiple Screen
Wednesday November 20 13
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13
![Page 18: Design Multiple Screen android](https://reader033.vdocuments.mx/reader033/viewer/2022061300/54c82dae4a7959f23d8b45e6/html5/thumbnails/18.jpg)
Q amp A
httpswwwfacebookcomandroidTrainingbyEWTC
Wednesday November 20 13