[[377198]]

 想了解更多內(nèi)容，請(qǐng)?jiān)L問：

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

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

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

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

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

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

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

具體代碼的運(yùn)行效果如圖所示：

這些內(nèi)容在我的直播里有詳細(xì)的講解：

直播入口

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

©著作權(quán)歸作者和HarmonyOS技術(shù)社區(qū)共同所有，如需轉(zhuǎn)載，請(qǐng)注明出處，否則將追究法律責(zé)任

想了解更多內(nèi)容，請(qǐng)?jiān)L問：

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

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