鴻蒙-Java UI組件和布局Demo代碼
作者：董昱
文章由鴻蒙社區(qū)產(chǎn)出，想要了解更多內(nèi)容請前往：51CTO和華為官方戰(zhàn)略合作共建的鴻蒙技術(shù)社區(qū)https://harmonyos.51cto.com/#zz
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.51cto.com/#zz
優(yōu)秀的應(yīng)用程序一定擁有一個良好的用戶界面(User Interface，UI)。用戶界面設(shè)計最為重要的兩個原則為易用性原則和美觀性原則。易用性原則就是要求界面要以用戶為中心，突出重點信息和常用控件。美觀性原則就是要通過協(xié)調(diào)的布局、和諧的配色和美觀的字體等方面讓界面賞心悅目。這個追求“顏值”的時代對UI設(shè)計提出了更高的要求。
狹義的組件概念僅包含顯示類組件和交互類組件，本節(jié)也主要介紹這兩部分的組件用法。用戶界面的核心為交互，而交互包含了“從界面到人”的輸出部分和“從人到界面”的輸入部分。顯示類組件通常承載輸出功能，而交互類組件則通常承載輸入功能。
所有的組件都直接或間接繼承自Component類，常見的組件及其繼承關(guān)系如所示。
本Demo代碼包含了各類組件、布局、對話框的用法，以及新擬態(tài)設(shè)計的UI界面。
- 組件：文本、按鈕等用法
- 布局：方向布局、依賴布局等用法
- 對話框：ToastDialog、ListDialog等
- 列表：通過ListContainer實現(xiàn)的長列表
- 多頁簽：通過TabList和PageSlider實現(xiàn)的Tab功能。
- 新擬態(tài)風(fēng)格UI界面：通過自定義組件實現(xiàn)的新擬態(tài)風(fēng)格界面。
具體代碼的運(yùn)行效果如圖所示：
這些內(nèi)容在我的直播里有詳細(xì)的講解：
歡迎大家提出寶貴意見和建議!
©著作權(quán)歸作者和HarmonyOS技術(shù)社區(qū)共同所有，如需轉(zhuǎn)載，請注明出處，否則將追究法律責(zé)任
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.51cto.com/#zz
責(zé)任編輯：jianghua
來源：
鴻蒙社區(qū)
