HarmonyOS ArkUI 常用控件分類匯總

1. 布局類（Layout Components）

控件名稱 類型 作用描述
Row 布局容器 水平排列子組件
Column 布局容器 垂直排列子組件
Stack 布局容器 組件堆疊顯示，后添加的在上層
GridContainer 布局容器 支持響應式網(wǎng)格布局
Flex 布局容器 彈性盒子布局，支持主軸/交叉軸方向排布

2. 基礎組件（Basic Components）

控件名稱 類型 作用描述
Text 顯示組件 用于顯示文字
Image 顯示組件 用于展示圖片
Button 操作組件 用于響應點擊操作
Divider 顯示組件 顯示水平或垂直分割線
Blank 占位組件 占用一定空間（類似 Spacer）

3. 表單類（Form & Input Components）

控件名稱 類型 作用描述
TextInput 輸入框 文本輸入控件
PasswordInput 輸入框 密碼輸入框
TextArea 多行輸入框 支持多行文本輸入
Checkbox 表單控件 單個復選框
CheckboxGroup 表單控件 復選框組
Radio 表單控件 單選框
RadioGroup 表單控件 單選框組
Switch 表單控件 開關按鈕
Slider 表單控件 滑動條
DatePicker 表單控件 日期選擇器
TimePicker 表單控件 時間選擇器

4. 列表與滾動類（Scroll & List）

控件名稱 類型 作用描述
List 列表組件 用于展示垂直或水平的可滾動項集合
ListItem 列表項 列表中每一項
Grid 網(wǎng)格組件 表格形式展示內(nèi)容
Scroll 滾動容器 為內(nèi)容提供滾動能力
Swiper 輪播組件 支持滑動切換視圖（如廣告輪播）

5. 彈出與浮層類（Popup & Overlay）

控件名稱 類型 作用描述
Dialog 彈窗組件 顯示模態(tài)對話框
Popup 彈出層 顯示非模態(tài)浮層
AlertDialog 彈窗組件 顯示包含標題、內(nèi)容和按鈕的警告框
Toast 彈出提示 顯示短暫的信息提示
ActionSheet 操作菜單 顯示操作選項的底部彈出菜單

6. 動畫與視覺類（Animation & Effect）

控件名稱 類型 作用描述
Animate 動畫容器 為子組件添加動畫效果
Transition 過渡動畫 在組件切換時添加過渡效果
Gesture 手勢組件 處理用戶的點擊、滑動等手勢事件

7. 導航類（Navigation）

控件名稱 類型 作用描述
Navigation 導航容器 控制頁面導航
Navigator 頁面跳轉(zhuǎn)組件 跳轉(zhuǎn)至指定頁面
Tabs 標簽頁 用于切換多個頁面或視圖
TabContent 標簽內(nèi)容 與 Tabs 配合使用，定義每頁內(nèi)容

8. 媒體類（Media）

控件名稱 類型 作用描述
Video 媒體播放 播放視頻內(nèi)容
Audio 媒體播放 播放音頻內(nèi)容

?? 說明：

  • ArkUI 是基于聲明式范式的 UI 框架，部分控件需要配合狀態(tài)管理（如 @State、@Prop）使用。
  • 控件屬性和事件響應建議結(jié)合文檔或 IDE 自動提示進行開發(fā)。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容