Italian Come realizzare interfaccia utente 'autoadattante' ?

amorosik

Expert
Licensed User
Volendo realizzare un'app da usare sia su smartphone che su tablet, come fare per realizzare una procedura con oggetti che si adattino automaticamente allo schermo del device disponibile?
Voglio dire, supponiamo di realizzare una form con due button sopra, una griglia dati in mezzo, sotto una label, e sotto ancora tre button
Come fare per fare in modo che i button sopra si adattino alla schermata piu' grande del tablet, la griglia in mezzo inizi da sotto i due botton e si estenda al max, poi sotto i tre button, e sopra la label?
C'e' qualche demo da seguire sul forum?
 

LucaMs

Expert
Licensed User
Longtime User
Premesso che la cosa più corretta sarebbe ideare layout diversi per smarthone e tablet, ovvero su smartphone dividere in due layout, da mostrare in due B4XPage diverse ciò che su tablet mostreresti in un'unica pagina (se si tratta di un'Activity, un pannello base contenente tutto su tablet, due pannelli da visualizzare alternativamente su smartphone)...

è pieno il forum di esempi, è anche la domanda più frequente in assoluto.
Fare buon uso di ancoraggi e, soprattutto, script (ed anche la relativamente recente DSE, Designer Script Extentions).

Direi che potresti partire da qualche video pubblicato da Erel:
https://www.b4x.com/etp.html?vimeography_gallery=1&vimeography_video=254439386
 

amorosik

Expert
Licensed User
Bene, volendo realizzare layout diversi per telefoni o tablet, come fare per capire quale layout usare?
E' possibile leggere la risoluzione del display?
E la dimensione del display (5",10", ecc..)?
E leggere il modello del dispositivo?
(e magari tenere una tabella coi modelli noti)
Inzomma, avendo dei layout per 'famiglia' tablet e dei layout per 'famiglia' smartphone, come fareste voi a discriminare quale usare?
 
Top