[[377198]]

 想了解更多內容，請訪問：

51CTO和華為官方合作共建的鴻蒙技術社區(qū)

https://harmonyos.51cto.com/#zz

優(yōu)秀的應用程序一定擁有一個良好的用戶界面(User Interface，UI)。用戶界面設計最為重要的兩個原則為易用性原則和美觀性原則。易用性原則就是要求界面要以用戶為中心，突出重點信息和常用控件。美觀性原則就是要通過協調的布局、和諧的配色和美觀的字體等方面讓界面賞心悅目。這個追求“顏值”的時代對UI設計提出了更高的要求。

狹義的組件概念僅包含顯示類組件和交互類組件，本節(jié)也主要介紹這兩部分的組件用法。用戶界面的核心為交互，而交互包含了“從界面到人”的輸出部分和“從人到界面”的輸入部分。顯示類組件通常承載輸出功能，而交互類組件則通常承載輸入功能。

所有的組件都直接或間接繼承自Component類，常見的組件及其繼承關系如所示。

本Demo代碼包含了各類組件、布局、對話框的用法，以及新擬態(tài)設計的UI界面。

• 組件：文本、按鈕等用法
• 布局：方向布局、依賴布局等用法
• 對話框：ToastDialog、ListDialog等
• 列表：通過ListContainer實現的長列表
• 多頁簽：通過TabList和PageSlider實現的Tab功能。
• 新擬態(tài)風格UI界面：通過自定義組件實現的新擬態(tài)風格界面。

具體代碼的運行效果如圖所示：

這些內容在我的直播里有詳細的講解：

直播入口

歡迎大家提出寶貴意見和建議!

©著作權歸作者和HarmonyOS技術社區(qū)共同所有，如需轉載，請注明出處，否則將追究法律責任

想了解更多內容，請訪問：

51CTO和華為官方合作共建的鴻蒙技術社區(qū)

https://harmonyos.51cto.com/#zz