題外訊息：
2021年5月26日凌晨，著名歌手海峰因
跳樓去世，曾經參加浙江衛視的“我愛記歌詞”節目爆紅。言歸正傳，家人們，向下戳［大偵探皮卡丘］［白眼］
內容概要
本文主要歸納常用JAVA UI元件，適當解析部分元件屬性。提供一點學習參考意見。
UI
常用元件
Text
基礎定義：字串、文字顯示元件，常用子元件Button和TextField。
屬性：
text 顯示文字；hint 提示文字；text_font 字型；text_size 文字大小；text_color 文字顏色；更多屬性請查閱官方文件。
應用場景：
頁面標題欄和頁面詳情等。
Button（HarmonyOS JAVA UI 常用元件）
基礎定義：Button是一種常見的按鈕元件，點選可以觸發對應的操作，通常由文字或圖示組成，也可以由圖示和文字共同組成。
屬性：略。
應用場景：頁面中有點選需求的位置，如登入、註冊、下一步等。
JAVA
TextField（HarmonyOS JAVA UI 常用元件）
基礎定義：TextField提供了一種文字輸入框。
屬性：繼承自Text。
應用場景：登入、註冊頁面、表單資訊等需要收集前端資訊的介面。
Image（HarmonyOS JAVA UI 常用元件）
基礎定義：Image是用來顯示圖片的元件。
屬性：
image_src 影象資源；scale_mode影象縮放型別；clip_alignment 影象裁剪對齊方式。
應用場景：商品詳情等需要展示圖片的頁面。
CODING
TabList和Tab（HarmonyOS JAVA UI 常用元件）
基礎定義：Tablist可以實現多個頁籤欄的切換，Tab為某個頁籤。
屬性：
orientation 頁籤排列方向；normal_text_color 未選中的文字顏色；selected_text_color 選中的文字顏色；fixed_mode 是否固定所有頁籤。更多屬性請參考官方文件。
應用場景：頁面佈局的時候，為達到頁面顯示更多內容、提高頁面操作簡潔度、邏輯相關性等場景，如商品列表。
HTML
Picker（HarmonyOS JAVA UI 常用元件）
基礎定義：Picker提供了滑動選擇器，允許使用者從預定義範圍中進行選擇。
屬性：
max_value 最大值；min_value 最小值；value 當前值。更多屬性請參考官方文件。
應用場景：需要滑動效果介面，如日期選擇、年齡選擇等介面。
DatePicker（HarmonyOS JAVA UI 常用元件）
基礎定義：DatePicker主要供使用者選擇日期。
屬性：
date_order 日期顯示格式，更多屬性請參考官方文件。
應用場景：日期選擇。
XML
TimePicker
基礎定義：TimePicker主要供使用者選擇時間。
屬性：
mode_24_hour 是否24小時制；hour 顯示小時；minute 顯示分鐘。更多屬性請參考官方文件。
應用場景：時間選擇。
Switch（HarmonyOS JAVA UI 常用元件）
基礎定義：Switch是切換單個設定開/關兩種狀態的元件。
屬性：
text_state_on 開啟時顯示的文字；text_state_off 關閉時顯示的文字。更多屬性請參考官方文件。
應用場景：開關效果，如常用APP瀏覽器設定頁面，我們過濾廣告的開關選擇項。
code
RadioButton（HarmonyOS JAVA UI 常用元件）
基礎定義：RadioButton用於多選一的操作，需要搭配RadioContainer使用，實現單選效果。
屬性：
marked 當前狀態；text_color_on 選中狀態的顏色；text_color_off； 未選中狀態的顏色。更多屬性請參考官方文件。
應用場景：多選一操作。
RadioContainer（HarmonyOS JAVA UI 常用元件）
基礎定義：RadioContainer是RadioButton的容器，在其包裹下的RadioButton保證只有一個被選項。
屬性：略。
應用場景：一般和
RadioButton搭配使用。
ruby
Checkbox
基礎定義：可以實現選中和取消選中的功能。
屬性：
marked 當前狀態（選中或取消選中）。更多屬性請參考官方文件。
應用場景：如我們常見APP應用中，讓我們簽署“同意”某協議（如：借款協議、免責申明）。
ProgressBar
基礎定義：用於顯示內容或操作的進度。
屬性：
min 最小值；max 最大值。更多屬性請參考官方文件。
應用場景：下載某些資源、安裝某個應用等，我們常見操作進度提示。
JavaScript
RoundProgressBar（HarmonyOS JAVA UI 常用元件）
基礎定義：RoundProgressBar繼承自ProgressBar，擁有ProgressBar的屬性，在設定同樣的屬性時用法和ProgressBar一致，用於顯示環形進度。
屬性：
start_angle 起始角度；max_angle 最大角度。更多屬性請參考官方文件。
應用場景：下載某些資源、安裝某個應用等，我們常見操作進度提示。
ToastDialog
基礎定義：ToastDialog是在視窗上方彈出的對話方塊，是通知操作的簡單反饋。ToastDialog會在一段時間後消失，在此期間，使用者還可以操作當前視窗的其他元件。
屬性：略。
應用場景：需要反饋提示資訊的場景。
c
ScrollView
基礎定義：ScrollView是一種帶滾動功能的元件，它採用滑動的方式在有限的區域內顯示更多的內容。
屬性：略。
應用場景：需要滑動顯示的介面，如圖片牆，我們上下滑動瀏覽不同圖片。
ListContainer
基礎定義：ListContainer是用來呈現連續、多行資料的元件，包含一系列相同型別的列表項。
屬性：略。
應用場景：略
APP
PageSlider
基礎定義：PageSlider是用於頁面之間切換的元件，它透過響應滑動事件完成頁面間的切換。
屬性：略。
應用場景：用於頁面之間切換。
PageSliderIndicator
基礎定義：PageSliderIndicator，需配合PageSlider使用，指示在PageSlider中展示哪個介面。
屬性：略。
應用場景：配合
PageSlider使用
。
WebView
基礎定義：WebView提供在應用中整合Web頁面的能力。
屬性：略。
應用場景：如
應用與Web頁面進行通訊等。
學習途徑
官方參考文件：
文件中心
第一節：
HUAWEI DevEco Studio 安裝指南
第二節：
HarmonyOS DevEco Studio開發環境配置
第三節：
HarmonyOS構建phone應用
第四節：
HarmonyOS工程管理
第五節：
使用方舟編譯器開發 鴻蒙系統應用 APP之JAVA佈局
第六節：
HarmonyOS Java UI 佈局
