yyxhzdm的博客

（9）、如果GridItem的rowEnd有设置，但是rowStart没有设置，当做rowStart已经设置，并且和rowEnd设置为相同值。（7）、如果GridItem设置了rowStart、columnStart其中一个，会从上一个GridItem布局位置开始遍历寻找满足rowStart或columnStart的空闲位置摆放，如果无满足条件的空闲位置，则不布局该GridItem。（5）、当前layoutDirection设置为Column时，先从上到下排列，排满一列再排一下一列，剩余宽度度不足时不再。

栅格最多支持xs、sm、md、lg、xl、xxl六个断点，且名称不可修改。参数：breakpoints - string - 取值为"xs"、"sm"、"md"、"lg"、"xl"、"xxl"。栅格子组件仅能通过span、offset计算子组件位置与大小。// 启用xs、sm、md、lg、xl共5个断点，断点范围数量不可超过断点可取值数量-1。新一行的Offset加上子组件的span超过总列数时，将下一个子组件在新的一行放置。// 启用xs、sm、md、lg共4个断点，断点范围值必须单调递增。

该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。监听数值减少的事件。从API version 9开始，该接口支持在ArkTS卡片中使用。从API version 9开始，该接口支持在ArkTS卡片中使用。从API version 9开始，该接口支持在ArkTS卡片中使用。计数器组件，提供相应的增加或者减少的计数操作。不支持通用事件和手势。

方法1：Badge(value:{count: number, position?方法2：Badge(value: {value: string, position?: BadgePosition, style: BadgeStyle})Badge组件可设置样式，支持设置文本颜色、尺寸、圆点颜色和尺寸。可以附加在单个组件上用于信息标记的容器组件。最大消息数，超过最大消息数时仅显示maxCount+。说明：小于等于0时不显示信息标记。圆点显示在右侧纵向居中。圆点显示在左侧纵向居中。设置提示点显示的位置。

说明：通用属性margin的默认值为{top:12vp, right: 12vp, bottom: 12vp, left: 12vp}。说明：通用属性margin的默认值为{top:14vp, right: 6vp, bottom: 6vp, left: 14vp}。功能描述：开关状态切换时触发该事件。说明：isOn为true时，代表状态从关切换为开。isOn为false时，代表状态从开切换为关。如果子组件有文本设置，则相应的文本内容会显示在按钮内部。组件提供勾选框样式、状态栏样式以及开关样式。

或点击当前StepperItem的NextLabel，当前页面不为步骤导航器最后一个StepperItem且ItemState属性为Normal时，触发该回调。点击StepperItem的nextLabel切换下一步骤时，当前页面不为步骤导航器最后一个StepperItem且ItemState属性为Normal时，触发该回调。步骤导航器最后一个StepperItem的nextLabel被点击时，并且itemState属性为Normal时，触发该回调。设置步骤导航器当前显示StepperItem的索引值。

说明：1、min > max异常情况时，min取默认值0，max取默认值100。2、value不在[min，max]范围之内时，取min/max，靠近min取min，靠近max取max。默认值：当参数style的值设置为SilderStyle.OutSet时为4.0vp，SliderStyle.InSet时为20.0vp。说明：设置小于0或百分比的值时，按默认值显示。设置滑动条取值范围是否取反，横向Slider默认为从左往右滑动，竖直Slider默认为从上往下滑动。说明：设置为小于0的值时，按默认值显示。

设置下拉菜单选中项的文本样式。默认值：{size：‘16fp’,weight：FontWeight.Regular}设置下拉菜单初始选项的索引，第一项的索引为0。默认值：{size：‘16fp’,weight：FontWeight.Medium}设置下拉菜单项的文本样式。默认值：{size：‘16fp’,weight：FontWeight.Regular}功能描述：下拉菜单选中某一项的回调。value：选中项的值。设置下拉菜单选中项的背景颜色。设置下拉菜单选中项的文本颜色。设置下拉菜单项的文本颜色。

取值范围[0, stars]，小于0取0，大于stars取最大值stars。设置小于0的值时，按默认值显示。secondaryUri：部分选中的星级的图片路径，可由用户自定义或者使用系统默认图片。backgroundUri：未选中的星级的图片链接，可由用户自定义或使用系统默认图片。foregroundUri：选中的星级的图片路径，可由用户自定义或者使用系统默认图片。默认值：false，可进行评分。设置为小于0的值时，按默认值显示。功能描述：操作评分条的评星发生改变时触发该回调。

功能描述：单选框选中状态改变时触发的回调。isChecked为true时，表示从未选中变为选中；isChecked为false时，表示从选中变为未选中。名称：onChange(callback:(isChecked:boolean) => void)当前单选框的所属组名称，相同group的Radio只能有一个被选中。设置单选框的选中状态。默认值：false。单选框，提供相应的用户交互选择项。OptionEntity实体类。

设置二维码背景颜色。默认值：Color.White。默认值：Color.Black。通用事件支持点击事件、触摸事件、挂载卸载事件。用于显示单个二维码的组件。

使用Array写法时，竖屏最多支持显示3个图标，横屏最多支持显示5个图标，多余的图标会被自动放入自动生成的更多图标。当titleMode为NavigationTitleMode.Free时，随着可滚动组件的滑动标题栏模式发生变化时触发此回调。Items均分底部工具栏，在每个均分内容布局文本和图标，文本超长时，逐级缩小，缩小之后换行，最后...截断。向下滚动内容时则恢复原样。说明：仅在Navigation组件分栏时生效。说明：仅在Navigation组件分栏时生效。

onChange - (selsected:boolean) => void - 当选中状态发生变化时，触发该回调，只有手动触发且MenuItem状态改变时才会触发onChange回调。selected - boolean - 设置菜单项是否选中，默认值：false。selectIcon - boolean -当菜单被选中时，是否显示被选中的图标。fontSize - Length - 统一设置Menu中所有文本的尺寸。MenuItem：用来展示菜单Menu中具体的item菜单项。Item的内容信息。

onBounce(event:() => void) - 完成一次滚动时触发回调，若循环次数不为1，则该事件会多次触发。默认值：false。onFinish(event:() => void) - 滚动全部循环次数时触发回调。跑马灯组件，用于滚动展示一段单行文本，仅当文本内容宽度超过跑马灯组件宽度时滚动。onStart(event:() => void) - 开始滚动时触发回调。设置重复滚动的次数，小于等于0时无限循环。设置文本从头开始滚动还是反向滚动。滚动动画文本滚动步长。默认值：6、单位vp。

第一个关键帧取决于playMode，playMode为Normal或Alternate时为form的状态，playMode为Reverse或AlternateReverse时为to的状态。设置图片帧信息集合，每一帧的帧信息（ImageFrameInfo）包含图片路径，图片大小、图片位置和图片播放时长信息。提供帧动画组件来实现逐帧播放图片的能力，可以配置需要播放的图片列表，每张图片可以配置时长。onFinish(event: () => void) - 状态回调，动画播放完成时触发。默认时长为1000ms；

在线条两端延伸一个矩形，宽度等于线宽的一半，高度等于线宽。提供分割器组件，分割不同内容块或内容元素。默认值：LineCapStyle.Butt。4、LineCapStyle枚举说明。在线条两端延伸半个圆，直径等于线宽。使用水平分割线还是垂直分割线。默认值：“#33182431”线条两端为平行线，不额外扩展。分割线宽度（不支持百分比）false：水平分割线。true：垂直分割线。

onChange(callback:(event: CherckboxGroupResult) => void) CheckboxGroup的选中状态或者群组内的Checkbox的选中状态发生变化时，触发该回调。selectAll - boolean - 设置是否全选，默认值：false，若同组的Checkbox显示设置了select，则Checkbox的优先级高。name - Array - 群组内多有被选中的多选框名称。多选框群组，用于控制多个选框全选或者全不选状态。

onChange(callback:(value: boolean) => void) - 当选中状态发生变化时触发该回调。selectedColor - ResourceColor - 设置多选框选中状态的颜色。select - boolean - 设置多选框是否选中，默认值：false。（未配合使用CheckboxGroup组件时，此值无效）提供多选框组件，通常用于某选项的打开或关闭。value为false时，表示未选中。value为true时，表示已选中。

滚动条组件ScrollBar，用于配合可滚动组件使用，如List、Grid、Scroll。可滚动组件的控制器。用于与可滚动组件金进行绑定。4、ScrollBarDirection枚举说明。默认值：BarState.Auto。滚动条的方向，控制可滚动组件对应方向的滚动。Horizontal - 横向滚动条。Vertical - 纵向滚动条。

空白填充组件在容器主轴上的最小大小。说明：不支持百分比。负值时使用默认值，当最小值大于容器可用空间时，使用最小值作为自身大小并超出容器。空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。仅当父组件为Row/Column/Flex时生效。color - ResourceColor - 设置空白填充的填充颜色。默认值：Color.Transparent。

lunar - boolean - 日期是否显示农历（true：展示农历，false：不展示农历），默认值：false。month - number - 选中日期的月（0-11）0：表示1月，11：表示12月。指定选择器结束日期。默认值：Date(‘2100--12-31’)指定选择器的开始日期。默认值：Date(‘1970--1-1’)日期选择组件，用于根据指定日期范围创建日期滑动选择器。year - number - 选中日期的年。day - number - 选中日期的日。默认值：系统当前日期。

表示数据最大值，max等于values的数据各项的和，按比例显示。数据值列表，最多含9条数据，大于9条数据则取前9条数据，若数据小于0则置为0。closeEffect - boolean - 关闭数据占比图表旋转动效。默认值DataPanelType.Circle。数据面板组件，用于将多个数据占比情况使用占比图进行展示。4、DataPanelType说明。Circle - 环形数据面板。Line - 线型数据面板。

时间选择组件，根据指定参数创建选择器，支持选择小时以及分钟。默认以24小时的时间区间创建滑动选择器。selected - Date - 设置选中项的时间。默认是系统当前的时间。minute - number - 选中时间的分。hour - number - 选中时间的时、展示时间是否为24小时制。TimePickerResult对象说明。

onTimer（event: (utc: number, elapsedTime: number) => void）- 时间文本发生变化时触发。（utc：linux时间戳，即自1970年1月1起经过的毫秒数。倒计时时间（isCountDown为true时生效），单位为毫秒。format – string – 自定义格式，至少需要包含一个HH、mm、ss、SS中的关键字。默认值：‘HH:mm:ss.SS’TextTimer组件的控制器，拥挤控制文本计时器，一个TextTimer组件仅支持绑定一个控制器。

defaultPickerItemHeight - number|string - 设置picker各个选择项的高度。onChange - 滑动选中TextPicker文本后，触发该回调。设置默认选中项的值，优先级低于selected。默认值：第一个元素。onAccept - 点击弹窗中的“确定”按钮时，触发该回调。onCancel - 点击弹窗中的“取消”按钮时，触发该回调。设置默认选中项在数组中的索引。滑动选择文本内容的组件。

取值范围【-14，,12】表示东十二区到西十二区，其中负值表示东时区，正值表示西时区。对横跨国际日界线的国家或地区，用-13（UTC+13）和-14（UTC+14）来保证整个国家或者区域处在相同的时间，当设置的值不在取值范围内时，将使用当前系统的时区偏移量。可以将控制器绑定到TextClock组件中，通过它控制文本时钟的启动与停止。Format - string - 设置显示时间的格式（日期间隔符固定为“/”,时间间隔符固定为“:”。a：上午/下午（当设置小时制式为H时，该参数不生效）

设置输入的文本是否可复制。设置CopyOptions.None时，当前TextArea中的文本无法被复制或者剪切，仅支持粘贴。onPaste - 长按输入框内部区域，弹出剪贴板后，点击粘贴按钮，触发该回调。onCopy - 长按输入框内部区域,弹出剪贴板后，点击复制按钮，触发该回调。onCut - 长按输入框内部区域，弹出剪贴板后，点击剪切按钮，触发该回调。多行文本输入框组件，当输入的文本内容超过组件宽度时会自动换行显示。设置无输入时的提示文本，输入内容后，提示文本不显示。设置输入框当前的文本内容。

取值小于0，字符聚集重叠，取值大于0且随着数值变大，字符间距越来越大，稀疏分布。作为Text组件和RichEditor组件的子组件，用于显示行内文本的组件。value - string | Resource - 必填 - 文本内容。包括字体大小、字体粗细、字体族和字体风格。默认值：TextCase.Normal。设置文本装饰线样式及其颜色。通用事件仅支持点击事件。

属性规定元素的行内样式，写在标签内部，在使用的时候需用引号来进行区分，并以;暂时只支持通用的四大属性：width、height、size、layoutWeight。富文本可以包含各种字体、颜色、大小、图像、链接、表格、视频等元素，使文本更加生动、有趣。但由于Web组件比较消耗资源，所以在一些重复使用RichText组件的场景下，比如在List下循环重复使用RichText时，会出现卡顿、滑动响应慢等现象。RichText组件底层复用了Web组件来提供基础能力，包括但不限于HTML页面的解析、渲染等。

设置小于0的数值时置为0，设置大于total的数值时置为total。默认值：ProgressType.Linear。备注：type与style实现效果相同，并且style已废弃。圆形样式，显示类似月圆月缺的进度展示效果，从月缺逐渐至月满。环形无刻度样式，环形圆环逐渐显示至完全填充效果。BackgroundColor：设置进度条底色。进度条组件用于显示内容加载或操作处理等进度。环形有刻度样式，显示类似时钟刻度效果。Color：设置进度条前景色。胶囊样式，头尾两端都有弧度。Value：设置当前进度值。

比如应用的登录界面，当我们点击登录的时候，显示的“正在登录”的进度条状态。LoadingProgress的使用非常简单，只需要。LoadingProgress组件用于。

type用于定义按钮样式，示例代码中ButtonType.Capsule表示胶囊形按钮；stateEffect用于设置按钮按下时是否开启切换效果，当状态置为false时，点击效果关闭，默认值为true。可以给Button绑定onClick事件，每当用户点击Button的时候，就会回调执行onClick方法，调用里面的逻辑代码。组件主要用来响应点击操作，可以包含子组件。：胶囊型按钮（圆角默认为高度的一半）。：普通按钮（默认不带圆角）。

可以看出，当点击到输入框内时，onEditChange方法回调的isEditing返回true，表示正在编辑输入框。下面是输入123对应的实时输入内容。例如登录账号的时候会有“请输入账号”这样的文本提示，当用户输入内容之后，提示文本就会消失，这种提示功能使用。我们可以给TextInput设置onChange事件，输入文本发生变化时触发回调，下面示例代码中的value为实时获取用户输入的文本信息。，一般输入密码的时候，为了用户密码安全，内容会显示为“......”，针对这种场景，将type属性设置为。

组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI声名式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件时视图层的基本组成单位，包括Text、Image、TextInput、Buttton、LoadingProgress等。ImageImage组件用来渲染展示图片，它可以让界面变得更加丰富多彩。只需要给Image。

组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI声名式为开发者提供了丰富多样的UI组件，我们可以使用这些组件轻松的编写出更加丰富、漂亮的界面。组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。其中基础组件时视图层的基本组成单位，包括Text、Image、TextInput、Buttton、LoadingProgress等。TextText组件用于在界面上展示一段文本信息，可以包含子组件Span。文本样式针对包含文本元素。

remote-ssh2.点击远程资源管理器，之后在SSH这行的右侧，点击“+”号，去新建远程其中“-p 2222”表示指定端口号2222（填写你实际的端口号）name：你服务器的用户名ip：你服务器的ip地址填写之后，回车这是一个用户定义的别名，用于指代远程主机。可以在在终端中执行ssh 别名替代。指定远程主机的实际地址或主机名。指定 SSH 连接使用的端口号。指定连接到远程主机时使用的用户名。在这里，用户名是zwx11.....。

之后再进入到“/out/arkui-x/packages/arkui-x”的目录下，该目录下有两个文件夹“linux 、windows” 这两个文件夹中各有一个压缩包文件，这个文件就是我们需要的。打开gitee -> 我的 -> 个人设置 -> SSH公钥 -> 添加公钥（设置添加公钥标题和将上述生成的公钥贴到编辑框中）。--ninja-args # 可选 ninja参数，如：--ninja-args=-dkeeprsp。点击“会话” -> " 创建一个 “SSH” 会话。

ACE Tools是一套为ArkUI-X应用开发者提供的命令行工具，支持在Windows/Ubuntu/macOS平台运行，用于构建OpenHarmony、HarmonyOS、Android和iOS平台的应用程序， 其功能包括开发环境检查，新建项目，编译打包，安装调试等。

然后在Button组件通过“$r('app.type.name')”的形式引用应用资源。type代表资源类型（或资源的存放位置），可以取“color”、“float”、“string”、“plural”、“media”；推荐大家优先使用Resource类型，将资源文件（字符串、图片、音频等）统一存放于resources目录下，便于开发者统一维护。同时系统可以根据当前配置加载合适的资源，例如，开发者可以根据屏幕尺寸呈现不同的布局效果，或根据语言设置提供不同的字符串。

页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。、自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用。：在自定义组件即将析构销毁时执行。：当用户点击返回按钮时触发。：页面每次隐藏时触发一次。：页面每次显示时触发。