Mobile Angular UI - Genel Bakış
Mobile Angular UI, hibrit mobil uygulamalar geliştirmek için açık kaynaklı bir çerçevedir. Mobile Angular UI, çekici HTML5 hibrit mobil ve masaüstü uygulamaları oluşturmaya yardımcı olan Twitter Bootstrap ve AngularJS'den yararlanır.
Mobil Açısal Kullanıcı Arayüzünün Özellikleri
Mobile Angular UI, aşağıda listelenen bazı harika bileşenlere sahiptir -
Navbars- Navbars, cihaz ekranının üst ve alt kısmını kullanır. Menü öğelerini veya başlık bölümünü görüntülemek için üst gezinme çubuğunu kullanabiliriz. Alt gezinme çubuğu, altbilgi bölümünü görüntülemek için kullanılabilir.
Scrollable Areas- Bu özellik, uygulamayı daha kullanıcı dostu hale getirir. Css sınıfları ekleniyor. scrollable-header / .scrollable-footer , istediğiniz kaydırılabilir alana sabit üstbilgi / altbilgi ekler. Yükseklik ve konumlandırma konusunda herhangi bir sorun yaşamazsınız, css her şeyi halleder.
Accordion- Akordiyonlar çoğunlukla içeriğin kesit tipi görünümde olması gerektiğinde ve herhangi bir bölüm bir seferde görünür olduğunda kullanılır. İçerisindeki içeriği görüntülemek için sonraki bölümü gizleyebilir ve açabilirsiniz.
Dropdowns - Açılır listelerle çalışmak için konteynere css .dropdown menüsünü eklemek amaca hizmet eder.
Modals and Overlays- Modals ve Overlays, ekranınızda açılır pencere türü bir pencere gösterecektir. Bindirmeler, yalnızca kabın kendisi için görüntülenme şekli açısından modaldan farklılık gösterir.
Sections- Bölümler, gövde içinde sergilenen kaplardır. Bölümler ile mevcut sınıflarla cihazdaki ekranınızın düzenini değiştirebilirsiniz. Aşağıdaki sınıflardan yararlanabilirsiniz:.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger düzeni değiştirmek için.
Sidebars- Kenar çubukları ekranın sol ve sağ tarafını kaplar. Sol veya sağ tarafa bağlı öğe tıklandığında her zaman gizlenir ve etkinleştirilirler. Ekrandaki alanı kullanmanın en iyi yolu budur.
Toggle Switch - Mobil Açısal Kullanıcı Arayüzü, ui-switchdirektif. Ui-switch direktifi, bir boolean ngModel değerine uygulandığında bir geçiş yapar.
Tabs- Sekmeler, açısal mobil kullanıcı arayüzünde bulunan yararlı bileşenlerdir. Tablolar aynı sarmalayıcıda bulunur ve içeriğinizi, tıpkı sekmelerin tarayıcıda nasıl açıldığı gibi ayrı bölmede gösterir. Kullanıcıya aynı anda yalnızca bir sekme görüntülenir.
Mobil Açısal Kullanıcı Arayüzünün Avantajları
Aşağıdakiler Mobile Angular UI'nin avantajlarıdır -
Mobile Angular UI, navbar, kenar çubukları, modlar ve kaplamalar, anahtarlar vb. Gibi harika UI mobil bileşenleri sağlar.
Öğrenmesi ve başlatması çok kolay olan AngularJS ve Twitter Bootstrap'i kullandığından hibrit uygulamalar oluşturmak kolaydır. Ayrıca, ücretsiz bir açık kaynak çerçevesidir.
Mobil Açısal UI bileşenleri ile birlikte iyonik bileşenleri kullanmak mümkündür.
Mobil Açısal Kullanıcı Arayüzünün Dezavantajları
Aşağıdakiler, Mobile Angular UI'nin dezavantajlarıdır -
Yalnızca JavaScript içeren bir çerçeve olan AngularJS'de yazılan uygulamalar güvenli değildir. Sunucu tarafı kimlik doğrulama ve yetkilendirme, bir uygulamayı güvende tutmak için gereklidir.
AngularJS yönergeleri HTML biçimlendirmesine eklendiğinden, hata ortaya çıktığında hata ayıklama biraz zorlaşır.