Mobile Angular UI - Omówienie
Mobile Angular UI to platforma typu open source do tworzenia hybrydowych aplikacji mobilnych. Mobile Angular UI wykorzystuje Twitter Bootstrap i AngularJS, które pomagają tworzyć atrakcyjne hybrydowe aplikacje mobilne i stacjonarne HTML5.
Funkcje Mobile Angular UI
Mobile Angular UI ma kilka fajnych komponentów, które są wymienione poniżej -
Navbars- Paski nawigacyjne wykorzystują górną i dolną część ekranu urządzenia. Możemy użyć górnego paska nawigacyjnego, aby wyświetlić pozycje menu lub sekcję nagłówka. Dolny pasek nawigacyjny służy do wyświetlania sekcji stopki.
Scrollable Areas- Ta funkcja sprawia, że aplikacja jest bardziej przyjazna dla użytkownika. Dodawanie klas CSS. Scrollable-header / .scrollable-footer , doda stały nagłówek / stopkę do przewijalnego obszaru, który chcesz. Nie musisz martwić się wysokością i umiejscowieniem, css zajmie się wszystkim.
Accordion- Akordeony są najczęściej używane, gdy treść ma być w widoku sekcji, a każda sekcja jest widoczna na raz. Możesz ukryć i otworzyć następną sekcję, aby wyświetlić jej zawartość.
Dropdowns - Aby pracować z listami rozwijanymi, do tego celu służy dodanie css .dropdown-menu do kontenera.
Modals and Overlays- Modały i nakładki pokażą na ekranie wyskakujące okienko. Nakładki różnią się od modalnych tylko sposobem wyświetlania kontenera.
Sections- Sekcje to pojemniki wyświetlane w treści. Możesz modyfikować układ wyświetlacza w urządzeniu za pomocą klas dostępnych z sekcjami. Możesz skorzystać z takich klas jak.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger aby zmienić układ.
Sidebars- Paski boczne zajmują lewą i prawą stronę ekranu. Są one zawsze ukryte i aktywowane po kliknięciu elementu podłączonego do lewej lub prawej strony. To najlepszy sposób na wykorzystanie miejsca na ekranie.
Toggle Switch - Mobile Angular UI oferuje elementy przełącznika przy użyciu rozszerzenia ui-switchdyrektywa. Dyrektywa ui-switch powoduje przełączenie po zastosowaniu do wartości logicznej ngModel.
Tabs- Zakładki są użytecznymi komponentami dostępnymi w kątowym mobilnym interfejsie użytkownika. Zakładki są dostępne w tym samym opakowaniu i pokazują zawartość w osobnym panelu, tak jak otwieranie zakładek w przeglądarce. W danej chwili użytkownikowi jest wyświetlana tylko jedna karta.
Zalety Mobile Angular UI
Oto zalety Mobile Angular UI -
Mobile Angular UI zapewnia fajne mobilne komponenty UI, takie jak pasek nawigacyjny, paski boczne, modały i nakładki, przełączniki itp.
Łatwe do tworzenia aplikacji hybrydowych, ponieważ korzysta z AngularJS i Twitter Bootstrap, które są bardzo łatwe do nauczenia i rozpoczęcia. Jest to również darmowa platforma open source.
Możliwe jest użycie komponentów jonowych wraz z komponentami Mobile Angular UI.
Wady interfejsu Mobile Angular UI
Poniżej przedstawiono wady interfejsu Mobile Angular UI -
Ponieważ aplikacje napisane w AngularJS są tylko frameworkiem JavaScript, nie są bezpieczne. Uwierzytelnianie i autoryzacja po stronie serwera są niezbędne do zapewnienia bezpieczeństwa aplikacji.
Ponieważ dyrektywy AngularJS są dodawane do kodu HTML, debugowanie staje się trochę trudne, gdy pojawia się błąd.