Tabelle scorribili per applicazioni mobile basate sui dati
Gli utenti di dispositivi mobili richiedono sempre la massima quantità di informazioni nel formato più comodo, ma le dimensioni ridotte dello schermo possono comportare dei compromessi. Gli sviluppatori di applicazioni mobili devono trovare il modo di integrare dati, controlli di navigazione e informazioni di supporto in un'interfaccia piacevole, altrimenti rischiano di frustrare gli utenti finali, che potrebbero essere clienti, colleghi o dirigenti. MobileTogether 2.1 introduce tabelle scorrevoli e altre nuove funzionalità interessanti per aiutare gli sviluppatori a creare applicazioni che presentino i dati in modo elegante e che funzionino allo stesso modo su tutti i dispositivi.
Tabelle scorrevoli
MobileTogether 2.1 consente agli sviluppatori di definire tabelle che possono essere scorre verticalmente o orizzontalmente, con un'intestazione e un piè di pagina che rimangono in posizioni fisse. Lo scorrimento orizzontale permette agli sviluppatori di visualizzare più colonne di una tabella ampia senza ridurre il testo a una dimensione illeggibile. Lo scorrimento verticale può consentire di mantenere sempre visibili sullo schermo informazioni importanti, migliorando la chiarezza.
Lo scorrimento verticale è particolarmente utile per le tabelle con righe ripetute, poiché lo sviluppatore non sa, durante la fase di progettazione, quante righe di dati potranno essere visualizzate sullo schermo di ciascun utente. Di seguito è riportata una semplice tabella a 4 colonne con righe ripetute, creata con il software MobileTogether Designer:
Nella finestra di dialogo "Nuova tabella", abbiamo definito il numero di colonne, il numero di righe (variabile) e le righe di intestazione e piè di pagina. Successivamente, abbiamo aggiunto etichette alla colonna di intestazione, elementi di controllo al piè di pagina e abbiamo specificato le proprietà relative alle dimensioni e ai colori del testo.
È possibile implementare lo scorrimento verticale definendo l'altezza massima della tabella nella finestra di supporto "Stili e proprietà", quindi scegliendo se l'intera tabella deve essere scorrevole, oppure solo le righe interne tra l'intestazione e il piè di pagina. L'altezza massima può essere espressa in percentuale, in un numero specifico di pixel, oppure è possibile scegliere di riempire automaticamente il resto dello schermo.
Per gli sviluppatori che desiderano massimizzare l'area visibile dello schermo per la visualizzazione dei dati, MobileTogether 2.1 include una nuova proprietà "Pagina" che consente di nascondere la barra del titolo della pagina:
La barra inferiore della tabella, di colore azzurro chiaro, contiene elementi di navigazione che consentono all'utente di selezionare un mese o un anno diverso. La colonna relativa all'anno, situata al centro della barra inferiore, è stata creata utilizzando il pulsante "Unisci" nella barra degli strumenti di MobileTogether per combinare le colonne 2 e 3 in un controllo più ampio. È possibile unire le colonne orizzontalmente o verticalmente, oppure dividerle nuovamente in un secondo momento, se si cambia idea. È persino possibile incorporare un'intera nuova tabella all'interno di una cella esistente per creare una tabella gerarchica e progettare il layout perfetto per dati complessi.
Linee verticali
MobileTogether 2.1 introduce anche un nuovo controllo per le linee verticali. Se desiderate aggiungere una linea verticale tra le colonne di una tabella, semplicemente prendete una linea dalla finestra di aiuto "Controlli" e trascinatela nella posizione desiderata, come si può vedere nella vista "Designer" qui sotto. La linea verticale viene inserita in una nuova colonna della tabella, e potete impostare la proprietà "larghezza" della colonna su "wrap_content" per occupare lo spazio minimo.
Le proprietà delle linee verticali possono essere modificate esattamente come quelle delle linee orizzontali. La finestra "Stili e proprietà" per ogni linea verticale consente di specificare lo spessore, lo stile, il colore e i margini sinistro e destro in pixel.
MobileTogether consente di definire la visibilità di qualsiasi componente in base all'orientamento. La tabella a 6 colonne mostrata sopra è una versione alternativa che verrà visualizzata solo in modalità orizzontale, come indicato dall'icona orizzontale sul lato sinistro. La nostra tabella originale a 4 colonne può essere configurata per essere visualizzata solo in modalità verticale.
La schermata qui sotto mostra l'applicazione finale per tabelle scorrevoli, in esecuzione su un telefono Android orientato orizzontalmente. L'utente può scorrere le righe di dati all'interno della tabella utilizzando movimenti verticali, mentre gli altri elementi rimangono nella loro posizione. I controlli "-" e "+" nella parte inferiore dello schermo sono strumenti di navigazione per selezionare il mese precedente o successivo.
Un dispositivo con una dimensione dello schermo diversa potrebbe visualizzare un numero maggiore o minore di righe di dati, ma la tabella continuerà a occupare l'altezza massima definita in percentuale
Il software MobileTogether Designer è gratuito, quindi scaricate una copia oggi stesso e iniziate a utilizzare le tabelle scorrevoli per creare la vostra applicazione mobile multipiattaforma basata sui dati!