Mobile Angular UI - ภาพรวม

Mobile Angular UI เป็นเฟรมเวิร์กโอเพนซอร์สสำหรับการพัฒนาแอพมือถือแบบไฮบริด Mobile Angular UI ใช้ประโยชน์จาก Twitter Bootstrap และ AngularJS ที่ช่วยสร้างแอพมือถือและเดสก์ท็อปไฮบริด HTML5 ที่น่าสนใจ

คุณสมบัติของ Mobile Angular UI

Mobile Angular UI มีส่วนประกอบที่น่าสนใจอยู่ด้านล่าง -

Navbars- Navbars ใช้ประโยชน์จากส่วนบนและล่างของหน้าจออุปกรณ์ เราสามารถใช้แถบนำทางด้านบนเพื่อแสดงรายการเมนูหรือส่วนหัว สามารถใช้แถบนำทางด้านล่างเพื่อแสดงส่วนท้าย

Scrollable Areas- คุณสมบัตินี้ทำให้แอปเป็นมิตรกับผู้ใช้มากขึ้น การเพิ่มคลาส css scrollable-header / .scrollable-footerจะเพิ่มส่วนหัว / ส่วนท้ายคงที่ไปยังพื้นที่เลื่อนที่คุณต้องการ คุณไม่ต้องมีปัญหาเกี่ยวกับความสูงและตำแหน่ง css จะดูแลทุกอย่าง

Accordion- ส่วนใหญ่จะใช้ Accordions เมื่อเนื้อหาควรอยู่ในประเภทของมุมมองและส่วนใดส่วนหนึ่งสามารถมองเห็นได้พร้อมกัน คุณสามารถซ่อนและเปิดส่วนถัดไปเพื่อดูเนื้อหาในนั้นได้

Dropdowns - ในการทำงานกับเมนูแบบเลื่อนลงโดยเพิ่มเมนู css .dropdown ลงในคอนเทนเนอร์เพื่อตอบสนองวัตถุประสงค์

Modals and Overlays- Modals และ Overlays จะแสดงหน้าต่างประเภทป๊อปอัปบนหน้าจอของคุณ การวางซ้อนจะแตกต่างจากโมดอลเฉพาะในการแสดงคอนเทนเนอร์เท่านั้น

Sections- ส่วนคือภาชนะที่แสดงอยู่ภายในร่างกาย คุณสามารถปรับเปลี่ยนเค้าโครงของจอแสดงผลของคุณในอุปกรณ์ด้วยคลาสที่มีอยู่ในส่วนต่างๆ คุณสามารถใช้ประโยชน์จากคลาสเช่น.section-default, .section-primary, .section-success, .section-info, .section-warning or .section-danger เพื่อเปลี่ยนเค้าโครง

Sidebars- แถบด้านข้างครอบครองด้านซ้ายและขวาของหน้าจอ ซึ่งจะถูกซ่อนและเปิดใช้งานเสมอเมื่อมีการคลิกรายการที่เชื่อมต่อทางด้านซ้ายหรือด้านขวา เป็นวิธีที่ดีที่สุดในการใช้พื้นที่บนหน้าจอ

Toggle Switch - Mobile Angular UI เสนอองค์ประกอบสวิตช์สลับโดยใช้ไฟล์ ui-switchคำสั่ง คำสั่ง ui-switch จะทำการสลับเมื่อใช้กับค่า boolean ngModel

Tabs- แท็บเป็นส่วนประกอบที่มีประโยชน์ใน ui มือถือเชิงมุมแท็บมีอยู่ในกระดาษห่อเดียวกันและแสดงเนื้อหาของคุณในบานหน้าต่างที่แยกจากกันเช่นเดียวกับการเปิดแท็บในเบราว์เซอร์ แสดงให้ผู้ใช้เห็นทีละแท็บเท่านั้น

ข้อดีของ Mobile Angular UI

ต่อไปนี้เป็นข้อดีของ Mobile Angular UI -

• Mobile Angular UI มีส่วนประกอบมือถือ UI ที่ยอดเยี่ยมเช่นแถบนำทางแถบด้านข้างโมดอลและภาพซ้อนทับสวิตช์ ฯลฯ

• สร้างแอปไฮบริดได้ง่ายเนื่องจากใช้ AngularJS และ Twitter Bootstrap ซึ่งง่ายต่อการเรียนรู้และเริ่มต้นใช้งาน นอกจากนี้ยังเป็นเฟรมเวิร์กโอเพนซอร์สฟรี

• เป็นไปได้ที่จะใช้ส่วนประกอบไอออนิกร่วมกับส่วนประกอบ Mobile Angular UI

ข้อเสียของ Mobile Angular UI

ต่อไปนี้เป็นข้อเสียของ Mobile Angular UI -

• เนื่องจากเป็นเฟรมเวิร์ก JavaScript เท่านั้นแอปพลิเคชันที่เขียนด้วย AngularJS จึงไม่ปลอดภัย การรับรองความถูกต้องและการอนุญาตฝั่งเซิร์ฟเวอร์จะต้องรักษาความปลอดภัยของแอปพลิเคชัน

• เนื่องจากคำสั่ง AngularJS ถูกเพิ่มเข้าไปในการดีบักมาร์กอัป HTML จึงกลายเป็นเรื่องยากเล็กน้อยเมื่อเกิดข้อผิดพลาด