题外消息：#歌手海峰跳楼去世#

2021年5月26日凌晨，著名歌手海峰因#抑郁症#跳楼去世，曾经参加浙江卫视的“我爱记歌词”节目爆红。言归正传，家人们，向下戳[大侦探皮卡丘][白眼]

内容概要

本文主要归纳常用JAVA UI组件，适当解析部分组件属性。提供一点学习参考意见。

常用组件

Text

• 基础定义：字符串、文本显示组件，常用子组件Button和TextField。
• 属性：text 显示文本；hint 提示文本；text_font 字体；text_size 文本大小；text_color 文本颜色；更多属性请查阅官方文档。
• 应用场景：页面标题栏和页面详情等。

Button（HarmonyOS JAVA UI 常用组件）

• 基础定义：Button是一种常见的按钮组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。
• 属性：略。
• 应用场景：页面中有点击需求的位置，如登录、注册、下一步等。

TextField（HarmonyOS JAVA UI 常用组件）

• 基础定义：TextField提供了一种文本输入框。
• 属性：继承自Text。
• 应用场景：登录、注册页面、表单信息等需要收集前端信息的界面。#成都常住人口突破2000万#

Image（HarmonyOS JAVA UI 常用组件）

• 基础定义：Image是用来显示图片的组件。
• 属性：image_src 图像资源；scale_mode图像缩放类型；clip_alignment 图像裁剪对齐方式。
• 应用场景：商品详情等需要展示图片的页面。

TabList和Tab（HarmonyOS JAVA UI 常用组件）

• 基础定义：Tablist可以实现多个页签栏的切换，Tab为某个页签。
• 属性：orientation 页签排列方向；normal_text_color 未选中的文本颜色；selected_text_color 选中的文本颜色；fixed_mode 是否固定所有页签。更多属性请参考官方文档。
• 应用场景：页面布局的时候，为达到页面显示更多内容、提高页面操作简洁度、逻辑相关性等场景，如商品列表。

Picker（HarmonyOS JAVA UI 常用组件）

• 基础定义：Picker提供了滑动选择器，允许用户从预定义范围中进行选择。
• 属性：max_value 最大值；min_value 最小值；value 当前值。更多属性请参考官方文档。
• 应用场景：需要滑动效果界面，如日期选择、年龄选择等界面。

DatePicker（HarmonyOS JAVA UI 常用组件）

• 基础定义：DatePicker主要供用户选择日期。
• 属性：date_order 日期显示格式，更多属性请参考官方文档。
• 应用场景：日期选择。

TimePicker

• 基础定义：TimePicker主要供用户选择时间。
• 属性：mode_24_hour 是否24小时制；hour 显示小时；minute 显示分钟。更多属性请参考官方文档。
• 应用场景：时间选择。

Switch（HarmonyOS JAVA UI 常用组件）

• 基础定义：Switch是切换单个设置开/关两种状态的组件。
• 属性：text_state_on 开启时显示的文本；text_state_off 关闭时显示的文本。更多属性请参考官方文档。
• 应用场景：开关效果，如常用APP浏览器设置页面，我们过滤广告的开关选择项。

RadioButton（HarmonyOS JAVA UI 常用组件）

• 基础定义：RadioButton用于多选一的操作，需要搭配RadioContainer使用，实现单选效果。
• 属性：marked 当前状态；text_color_on 选中状态的颜色；text_color_off； 未选中状态的颜色。更多属性请参考官方文档。
• 应用场景：多选一操作。#朝中社：朝鲜大力开展群众养兔运动#

RadioContainer（HarmonyOS JAVA UI 常用组件）

• 基础定义：RadioContainer是RadioButton的容器，在其包裹下的RadioButton保证只有一个被选项。
• 属性：略。
• 应用场景：一般和RadioButton搭配使用。

Checkbox

• 基础定义：可以实现选中和取消选中的功能。
• 属性：marked 当前状态（选中或取消选中）。更多属性请参考官方文档。
• 应用场景：如我们常见APP应用中，让我们签署"同意"某协议（如：借款协议、免责申明）。

ProgressBar

• 基础定义：用于显示内容或操作的进度。
• 属性：min 最小值；max 最大值。更多属性请参考官方文档。
• 应用场景：下载某些资源、安装某个应用等，我们常见操作进度提示。

RoundProgressBar（HarmonyOS JAVA UI 常用组件）

• 基础定义：RoundProgressBar继承自ProgressBar，拥有ProgressBar的属性，在设置同样的属性时用法和ProgressBar一致，用于显示环形进度。
• 属性：start_angle 起始角度；max_angle 最大角度。更多属性请参考官方文档。
• 应用场景：下载某些资源、安装某个应用等，我们常见操作进度提示。#比利亚雷亚尔险胜曼联夺欧联杯冠军#

ToastDialog

• 基础定义：ToastDialog是在窗口上方弹出的对话框，是通知操作的简单反馈。ToastDialog会在一段时间后消失，在此期间，用户还可以操作当前窗口的其他组件。
• 属性：略。
• 应用场景：需要反馈提示信息的场景。

ScrollView

• 基础定义：ScrollView是一种带滚动功能的组件，它采用滑动的方式在有限的区域内显示更多的内容。
• 属性：略。
• 应用场景：需要滑动显示的界面，如图片墙，我们上下滑动浏览不同图片。

ListContainer

• 基础定义：ListContainer是用来呈现连续、多行数据的组件，包含一系列相同类型的列表项。
• 属性：略。
• 应用场景：略

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 布局