Interfaccia utente angolare mobile - Panoramica
Mobile Angular UI è un framework open source per lo sviluppo di app mobili ibride. Mobile Angular UI utilizza Twitter Bootstrap e AngularJS che aiutano a creare attraenti app mobili e desktop ibride HTML5.
Caratteristiche dell'interfaccia utente mobile angolare
L'interfaccia utente angolare mobile ha alcuni componenti interessanti che sono elencati di seguito:
Navbars- Navbars utilizza la parte superiore e inferiore dello schermo del dispositivo. Possiamo usare la barra di navigazione superiore per visualizzare le voci di menu o la sezione dell'intestazione. La barra di navigazione inferiore può essere utilizzata per visualizzare la sezione del piè di pagina.
Scrollable Areas- Questa funzione rende l'app più facile da usare. Aggiunta di classi CSS. scrollable-header / .scrollable-footer , aggiungerà intestazione / piè di pagina fissi all'area scorrevole che desideri. Non devi preoccuparti dell'altezza e del posizionamento, il css si occuperà di tutto.
Accordion- Le fisarmoniche vengono utilizzate principalmente quando il contenuto dovrebbe essere nel tipo di visualizzazione della sezione e qualsiasi sezione è visibile alla volta. Puoi nascondere e aprire la sezione successiva per visualizzarne i contenuti.
Dropdowns - Per lavorare con i menu a discesa, aggiungere il menu a discesa CSS al contenitore serve allo scopo.
Modals and Overlays- Modali e sovrapposizioni mostreranno una finestra di tipo pop-up sullo schermo. Le sovrapposizioni differiscono dal modale solo per il modo in cui viene visualizzato il contenitore.
Sections- Le sezioni sono contenitori che vengono visualizzati all'interno del corpo. Puoi modificare il layout del tuo display nel dispositivo con classi disponibili con sezioni. Puoi utilizzare le classi come.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger per modificare il layout.
Sidebars- Le barre laterali occupano il lato sinistro e destro dello schermo. Sono sempre nascosti e attivati quando si fa clic sull'elemento collegato a sinistra o a destra. È il modo migliore per utilizzare lo spazio sullo schermo.
Toggle Switch - L'interfaccia utente mobile angolare offre elementi di commutazione di attivazione / disattivazione utilizzando l'estensione ui-switchdirettiva. La direttiva ui-switch effettua un interruttore quando applicata a un valore booleano ngModel.
Tabs- Le schede sono componenti utili disponibili nell'interfaccia utente mobile angolare. Le schede sono disponibili nello stesso wrapper e mostrano i tuoi contenuti in un riquadro separato proprio come le schede vengono aperte nel browser. All'utente viene visualizzata solo una scheda alla volta.
Vantaggi dell'interfaccia utente angolare mobile
Di seguito sono riportati i vantaggi dell'interfaccia utente angolare mobile:
Mobile Angular UI fornisce interessanti componenti mobili dell'interfaccia utente come barra di navigazione, barre laterali, modali e overlay, interruttori, ecc.
App ibride facili da creare in quanto utilizza AngularJS e Twitter Bootstrap che è molto facile da imparare e iniziare. Inoltre, è un framework open source gratuito.
È possibile utilizzare componenti ionici insieme a componenti dell'interfaccia utente angolare mobile.
Svantaggi dell'interfaccia utente angolare mobile
I seguenti sono gli svantaggi dell'interfaccia utente mobile angolare:
Essendo un framework solo JavaScript, le applicazioni scritte in AngularJS non sono sicure. L'autenticazione e l'autorizzazione lato server sono necessarie per mantenere sicura un'applicazione.
Man mano che le direttive AngularJS vengono aggiunte al markup HTML, il debug diventa un po 'difficile quando si verifica l'errore.