m0_62599305的博客

Grid容器组件：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。Grid容器组件：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。

Counter容器组件：计数器组件，提供相应的增加或者减少的计数操作。Flex容器组件：以弹性方式布局子组件的容器组件。下面这些容器组件对于我们ArkUI界面的开发非常重要，希望大家好好学。Counter容器组件：计数器组件，提供相应的增加或者减少的计数操作。Flex容器组件：以弹性方式布局子组件的容器组件。

Column容器组件：沿垂直方向布局的容器。ColumnSplit组件：将子组件纵向布局，并在每个子组件之间插入一根横向的分割线。Column容器组件：沿垂直方向布局的容器。ColumnSplit组件：将子组件纵向布局，并在每个子组件之间插入一根横向的分割线。这对于我们的界面布局非常重要！

Badge组件：可以附加在单个组件上用于信息标记的容器组件。以上就是今天要讲的内容，本文介绍了Badge组件的使用，这个组件可以让用户快速得知信息数目，非常方便。

下图展示了Stage模型中的基本概念。下面我为大家一一讲解上方的内容在 Stage 模型中，有两种重要的组件：UIAbility 和 ExtensionAbility。这些组件是用于构建应用程序的重要构建块，每个都有自己的特点和功能。以上就是今天要讲的内容，本文介绍了Stage模型开发概述应用/组件级配置,如果还有不懂的可以去看官方文档，或者再看一遍文章。

TextClock组件:通过文本将当前系统时间显示在设备上。支持不同时区的时间显示，最高精度到秒级。TextPicker组件：滑动选择文本内容的组件。TextClock组件:通过文本将当前系统时间显示在设备上。支持不同时区的时间显示，最高精度到秒级。TextPicker组件：滑动选择文本内容的组件。

通过文本显示计时信息并控制其计时器状态的组件。时间选择组件，根据指定参数创建选择器，支持选择小时及分钟。通过文本显示计时信息并控制其计时器状态的组件。时间选择组件，根据指定参数创建选择器，支持选择小时及分钟。

Select组件：提供下拉选择菜单，可以让用户在多个选项之间选择。Slider组件：滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。Select组件：提供下拉选择菜单，可以让用户在多个选项之间选择。Slider组件：滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。

Rating组件：提供在给定范围内选择评分的组件。RichText组件：富文本组件，解析并显示HTML格式文本。提供在给定范围内选择评分的组件。说明该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。无从API version 9开始，该接口支持在ArkTS卡片中使用。参数名：rating，参数类型：number，参数是否必填：是，参数作用：设置并接收评分值。默认值：0取值范围： [0, stars]，规定：小于0取0，大于stars取最大值sta

Marquee组件：跑马灯组件，用于滚动展示一段单行文本，仅当文本内容宽度超过跑马灯组件宽度时滚动。QRCode组件：用于显示单个二维码的组件。Marquee组件：跑马灯组件，用于滚动展示一段单行文本，仅当文本内容宽度超过跑马灯组件宽度时滚动。QRCode组件：用于显示单个二维码的组件。

Gauge：数据量规图表组件，用于将数据展示为环形图表。LoadingProgress：用于显示加载动效的组件。下面分别为：参数名，参数类型，是否必填，参数描述参数：value，number，是，量规图的当前数据值，即图中指针指向位置。用于组件创建时量规图初始值的预置。说明：value不在min和max范围内时使用min作为默认值。参数：min，number，否，当前数据段最小值。默认值：0参数：max，number，否，当前数据段最大值。，默认值：100。

DataPanel：数据面板组件，用于将多个数据占比情况使用占比图进行展示。DatePicker：日期选择器组件，用于根据指定日期范围创建日期滑动选择器。下面的参数分别代表：参数名，参数类型，必填，参数描述values，number[]，是，数据值列表，最多包含9个数据，大于9个数据则取前9个数据。若数据值小于0则置为0。max，number，否max大于0，表示数据的最大值。max小于等于0，max等于value数组各项的和，按比例显示。默认值：100。

自定义弹窗（CustomDialog）可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。具体用法请参考自定义弹窗。使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。

TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。具体用法参考TextInput、TextArea。TextInput({placeholder:'我是提示文本'})TextInput({placeholder:'我是提示文本'})placeholder参数可以设置提示文本。

Text是文本组件，通常用于展示用户的视图，如显示文章的文字。具体用法可参考Text。通过textAlign属性设置文本对齐样式。Text('左对齐')Text('中间对齐')Text('右对齐')textAlign属性设置即可文本显示Text/Span。

Progress是进度条显示组件，显示内容通常为某次目标操作的当前进度。具体用法请参考Progress。Text是文本组件，通常用于展示用户的视图，如显示文章的文字。具体用法可参考Text。Span只能作为Text组件的子组件显示文本内容。可以在一个Text内添加多个Span来显示一段信息，例如产品说明书、承诺书等。本节课主要介绍了Progress组件的使用，他可以让你构建出好看的鸿蒙软件界面，让用户的等待不再无聊。

在我们的ArkTS中有一些通用的事件，他们在所有的组件中都可以用，所以我们需要来学习一下。获得更好的开发体验和效率！！！组件被点击时触发的事件。名称支持冒泡功能描述否点击动作触发该回调，event返回值见ClickEvent对象说明。从API version 9开始，该接口支持在ArkTS卡片中使用。组件被点击时触发的事件。名称支持冒泡功能描述是手指触摸动作触发该回调，event返回值见TouchEvent介绍。

Radio是单选框组件，通常用于提供相应的用户交互选择项，同一组的Radio中只有一个可以被选中。具体用法请参考Radio。Toggle组件提供状态按钮样式，勾选框样式及开关样式，一般用于两种状态之间的切换。具体用法请参考Toggle。其中对于Toggle独特的属性是，他是当Toggle选中后，所呈现的颜色以上就是今天要讲的内容，本文介绍了单选框Radio和切换按钮Toggle的使用，使用这些组件可以帮助我们快速构建ArkTS的界面。

Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button当做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。具体用法请参考Button。Button通过调用接口来创建，接口调用有以下两种形式：创建不包含子组件的按钮。: { type?该接口用于创建不包含子组件的按钮，其中label用来设置按钮文字，type用于设置Button类型，stateEffect属性设置Button是否开启点击效果。