Design Multiple Screen android

User Interface for Mobile App

Wednesday November 20 13

มาสเตอร องEWTC Institutehttpandroidthaiinth

ความหลากหลาย ของ ขนาดจอ

bull Brand ของผผลด

bull Density Screen

bull อตราสวนของจอ

ปจจย ตางๆ

หนวย ทใชในการวดbull Pixel (px)

bull Inches (in)

bull Millimeter (mm)

bull Point (pt)

bull Scale Independent Pixels (sp)

bull Density Independent Pixels (dp)

Screen Size

bull small (426dp x 320dp)

bull normal (470dp x 320dp)

bull large (640dp x 480dp)

bull xlarge (960dp x 720dp)

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

แลวตอง ออกแบบ สำหรบจอแบบไหนบางละ

จอ ท ปรากฎในตลาด

Orientation

bull Portrait

bull Landscape

bull Square

แลวจะทำอยางไร

ตดจอทไมใชออกไปท AndroidManifestxmlม แทคสามารถ กำหนด

support-screens

เลอก OrientationเราสามารถกำหนดOrientation ให

PortraitLandscapeอยางเดยวได

Alternative Drawable

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

Density Independent (dp)

dp = px 160dpipx = dp dpi160

ไม Fix ขนาด Widget

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

httpswwwfacebookcomandroidTrainingbyEWTC

มาสเตอร องEWTC Institutehttpandroidthaiinth

bull Density Screen

bull Inches (in)

bull Point (pt)

Screen Size

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

bull Density Screen

bull Inches (in)

bull Point (pt)

Screen Size

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

bull Inches (in)

bull Point (pt)

Screen Size

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Screen Size

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Orientation

bull Portrait

bull Landscape

bull Square

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

support-screens

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

bull hdpi 64

bull ldpi 34

bull mdpi 1

bull xhdpi 84

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

bull wrap content

bull fill parent

bull match parent

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Resource Directory

bull layout

bull values

Multiple Screen

Q amp A

Multiple Screen

Q amp A

Design Multiple Screen android

Education

Giới thiệu latte screen - ứng dụng quảng cáo trên màn hình khóa điện thoại Android rất mới và hiệu quả

Splash Screen

Screen Personas

AEG_PD_Q3_2012_Greek screen

Membuat Aplikasi Android Login Screen Menggunakan …ilmukomputer.org/wp-content/uploads/2017/01/jun-Xamarin-Login.pdf · SQLITE adalah salah satu database yang bersifat open source,

Screenmilker : How to Milk Your Android Screen for Secrets

Computer Screen

Romanian Screen

Bar Screen

AeroCut Nano I AeroCut Classic AeroCut Quatro - Morgana · AeroCut Nano I AeroCut Classic AeroCut Quatro. ... screen control unit enabling easy programming of multiple function jobs

Supporting multi screen in android

MIMO “ Multiple Input Multiple Output ”

Roboter-Baukasten - Borzechowski · •ADT – Android Developer Tools Emulator Device Screen Sensoren SD-Card WLAN GPS Camera Telefon Screen SD-Card LAN (Telefon) Java JDK SDK platform-

Screen System Screen System Screen System · Screen System Designed for intensive ... mejora continua de los procesos de ingeniería y ... 6 7 Características Técnicas Unidad de

Screen Receiver

Multiple sclerosis lesions segmentation from multiple

des LAMY screen 2 IN 1 - Mannelmannel.de/LAM_PP-Mailing_LAMY_screen_Formular-Vetretung... · 2017. 3. 19. · Stück LAMY screen silver Stück LAMY screen oceanblue Stück LAMY screen

BAaDD Screen

Supporting multi screen in android cn

This document is downloaded from CityU Institutional Repository, …lbms03.cityu.edu.hk/studproj/ee/2011eethy803.pdf · 2012. 4. 27. · 7.1 Different Screen Size of Android Smart