Dimensioni

Question

Abbiamo appena avviato lo sviluppo di tablet Android. Ho bisogno di prototipare per tablet 7in e 10in.

C'è uno stencil wireframe che riesco a reperire?

Quali sono le dimensioni della tela su cui ho bisogno per iniziare la progettazione?

Answer 1

Proprio come i telefoni, i tablet hanno tutti i tipi di dimensioni e dimensioni. Ecco un breve elenco di diversi modelli con le rispettive misure e dimensioni:

• Samsung Galaxy Tab 10.1 3G - 10.1 pollici, 1280 x 800 pixel
• Samsung P1000 Galaxy Tab - 7.0 pollici, 600 x 1024 pixel
• Dell Streak 7 - 7 pollici 800 × 480
• Motorola Xoom - 10.1 pollici, 1280 × 800
• Viewsonic G - da 10,1 pollici che 1024 × 600

Queste sono le dimensioni che troverai più spesso.

Answer 2

Vecchio argomento ma penso di avere un buon modo per risolvere il problema. Se può aiutare ..

Prima di tutto, se fai bene, tutte le tue attività dovrebbero essere composte SOLO con frammenti.

Si può sapere che quando uno schermo è definito come esempio da 384 * 640, significa che il tuo maxWidth è 384 dpi e il tuo maxHeight è 640 dpi.

E così, è facile determinare l'altezza da utilizzare senza provare l'emulatore.

Sempre usando la mia Screensize exemple: 384 (Larghezza) * 640 (altezza): 640dp 292dp 264dp '

<dimen name="max_height">640dp</dimen> <!-- screen maxHeight --> 
<dimen name="half_height">292dp</dimen> <!-- ScreenMaxHeight with actionBar --> 
<dimen name="half_height_bigactionbar">264dp</dimen> <!-- height without actionBar and its subActionBar --> 

Giù qui, questo è il mio dimensione del frammento:

<fragment 
    android:layout_width="match_parent" 
    android:layout_height="@dimen/half_height_bigactionbar" 

Entrambi i miei frammenti dovrebbero ora riempire tutta la sverna

La mia altezza della barra delle azioni è 56dp. Se si esegue la mappa, se si desidera che abbia metà dello schermo ((maxScreenHeight) - (ToolBarSize))/2. I got ((640) - (56))/2 = 292dp!

Fai lo stesso per Tutta la risoluzione che potresti conoscere con tutta la parte della finestra che puoi usare: E avrai la corrispondenza perfetta in ogni telefono che conosci. Se si utilizza il tablet, è possibile fare lo stesso calcolo matematico per la larghezza. Ma ricorda, usa il più possibile wrap_content + marginLeft e MarginRight per posizionare i tuoi componenti!

Quando si crea un'attività. Disegnalo in una piccola lastra. E pensa solo con la percentuale. Quindi fai i conti e usa SOLO frammenti.

Si dovrebbe andare bene quindi :). Chiedi se non ero abbastanza chiaro!

Answer 3

Anziché considerare le dimensioni effettive dei pixel (che possono variare in base alla densità dei pixel), potrebbe essere più semplice pensare in density independent pixels (dp). Questo è il smallest device width come indicato nel configuration examples dalla documentazione:

7” tablet: 600dp 
10” tablet: 720dp 

Note

• Per dimensioni reali pixel, moltiplicare per 1 per ottenere mdpi, multiplo per 2 per ottenere xhdpi, da 3 per ottenere xxhdpi, ecc. Vedere here per ulteriori informazioni.

• Per fornire risorse diverse per le varie dimensioni dello schermo, vedere this answer.