--- title: "Tabelle scorribili per applicazioni mobile basate sui dati" date: "2016-04-11" categories: - "development" - "mobile" - "tools" tags: - "android" - "data-driven-apps" - "ios" - "mobile-development" - "mobiletogether" description: Scoprite come MobileTogether 2.1 migliora lo sviluppo di applicazioni mobile grazie alle tabelle scorribili, che consentono una presentazione efficace dei dati su schermi di piccole dimensioni, su diverse piattaforme. --- Status: #blog Tags: #android #data-driven-apps #ios #mobile-development #mobiletogether Categories: [mobile-development](/blog/it/category/mobile-development.md) | [low-code+no-code](/blog/it/category/low-codeno-code.md) # 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](https://www.altova.com/it/whatsnew_mobiletogether.html) per aiutare gli sviluppatori a creare applicazioni che presentino i dati in modo elegante e che funzionino allo stesso modo su tutti i dispositivi. ![shutterstock_160560011](/blog/images/shutterstock_160560011-1.jpg) ### 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: ![Tabella con righe ripetute in MobileTogether](/blog/images/table-designer-view-1.png) 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. ![Proprietà per la gestione dello scorrimento delle tabelle in MobileTogether](/blog/images/properties-1.png) 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: ![Nascondere la barra del titolo per massimizzare l'area visibile sui dispositivi più piccoli](/blog/images/title-bar-false.png) 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. ![Unite le celle della tabella per creare layout personalizzati nelle applicazioni MobileTogether](/blog/images/join-split-2.png) ### 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. ![Aggiungere linee verticali alle tabelle scorribili in MobileTogether](/blog/images/vertical-rule.png) 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. ![Tabelle scorrevoli visualizzate su un telefono Android, utilizzando la tecnologia MobileTogether](/blog/images/landscape-50.png) 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 ![Tabelle scorrevoli visualizzate nell'emulatore iPhone, utilizzabili su dispositivi mobili](/blog/images/iPhone-Simulator.png) Il software MobileTogether Designer è gratuito, quindi [scaricate una copia](https://www.altova.com/it/download/mobiletogether-designer.html) oggi stesso e iniziate a utilizzare le tabelle scorrevoli per creare la vostra applicazione mobile multipiattaforma basata sui dati!