【直播課件】Java UI組件和佈局Demo代碼

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

 

狹義的組件概念僅包含顯示類組件和交互類組件，本節也主要介紹這兩部分的組件用法。用戶界面的核心爲交互，而交互包含了「從界面到人」的輸出部分和「從人到界面」的輸入部分。顯示類組件一般承載輸出功能，而交互類組件則一般承載輸入功能。

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

 

本Demo代碼包含了各種組件、佈局、對話框的用法，以及新擬態設計的UI界面。

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

 

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

 

這些內容在個人直播裏有詳細的講解：

文章後續內容和相關附件能夠點擊下面的原文連接前往學習
原文連接：https://harmonyos.51cto.com/posts/2798#bkwz

想了解更多關於鴻蒙的內容，請訪問：

51CTO和華爲官方戰略合做共建的鴻蒙技術社區

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