鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之QRCode组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、QRCode组件用于显示单个二维码的组件。子组件无。接口QRCode(value:string)从APIversion9开始，该接口支持在ArkTS卡片中使用。构造参数参数名参数类型必填参数描述valuestring是二维码内容字符串。最大支持256个字符，若超出，则截取前256个字符。说明：该字符串内容确保有效，不支持null、undefined以及空内容。属性除支持通用属性外，还支持以下属性：名

 鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Toggle组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、Toggle组件组件提供勾选框样式、状态按钮样式及开关样式。子组件仅当ToggleType为Button时可包含子组件。接口Toggle(options:{type:ToggleType,isOn?:boolean})从APIversion9开始，该接口支持在ArkTS卡片中使用。参数参数名参数类型必填参数描述typeToggleType是开关的样式。isOnboolean否开关是否打开，true

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之DatePicker组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、DatePicker组件日期选择器组件，用于根据指定日期范围创建日期滑动选择器。子组件无。接口DatePicker(options?:{start?:Date,end?:Date,selected?:Date})根据指定范围的Date创建可以选择日期的滑动选择器。构造参数参数名参数类型必填参数描述startDate否指定选择器的起始日期。默认值：Date('1970-1-1')endDate

 鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Gauge组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Gauge组件数据量规图表组件，用于将数据展示为环形图表。子组件无接口Gauge(options:{value:number,min?:number,max?:number})从APIversion9开始，该接口支持在ArkTS卡片中使用。构造参数参数名参数类型必填参数描述valuenumber是量规图的当前数据值，即图中指针指向位置。用于组件创建时量规图初始值的预置。说明：value不在min和ma

以下所有代码涉及的源码地址：https://gitee.com/jiangqianghua/harmony-test点我获取更多it学习资源1.Index.ets文件介绍@Entry//入口文件@Component//组件structIndex{//@State让普遍变量有状态@Statemessage:string='HelloWorld111111'//build特点//1.根节点只有一个，根节点必须是容器2不能声明本地变量3不允许console.info，4不允许调用没有用@Builder装饰的方法//5.不允许switch，使用if代替，6不允许表达式，比如三目运算build(){Ro

 鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之RichText组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、RichText组件鸿蒙（HarmonyOS）富文本组件，解析并显示HTML格式文本。子组件无。接口RichText(content:string)参数:参数名参数类型必填参数描述contentstring是表示HTML格式的字符串。事件名称描述onStart(callback:()=>void)加载网页时触发。onComplete(callback:()=>void)网页加载结束时触发。属性

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Radio组件一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1+二、Radio组件单选框，提供相应的用户交互选择项。子组件无。接口Radio(options:{value:string,group:string})从APIversion9开始，该接口支持在ArkTS卡片中使用。构造参数参数名参数类型必填参数描述valuestring是当前单选框的值。groupstring是当前单选框的所属群组名称，相同group的Radio只能有一个被选中。属性除支持通用属性外，还支

场景介绍部分应用在使用过程中需要自定义添加或删除标签的场景，比如在浏览器中的顶部标签栏中需要新打开或关闭网页页签，而这种场景与Tabs组件效果类似，但Tabs组件不提供增加或删除页签的功能，不能自由的增加删除页签，需要开发者自己实现Tabs中增删页签功能。本文以浏览器中增加或删除页签为例，实现Tabs中页签的增删功能。效果呈现如下动图所示：环境要求本例基于以下环境开发，开发者也可以基于其他适配的版本进行开发：IDE:DevEcoStudio4.0ReleaseSDK:Ohos_sdk_public4.0.10.13(APIVersion10Release)实现原理本例涉及的关键特性以及实现方案

管理组件状态一、概述在应用中，界面通常都是动态的。下图所示，在子目标列表中，当用户点击目标一，目标一会呈现展开状态，再次点击目标一，目标一呈现收起状态。界面会根据不同的状态展示不一样的效果。ArkUI作为一种声明式UI，具有状态驱动UI更新的特点。当用户进行界面交互或有外部事件引起状态改变时，状态的变化会触发组件自动更新。所以在ArkUI中，我们只需要通过一个变量来记录状态。当改变状态的时候，ArkUI就会自动更新界面中受影响的部分。ArkUI框架提供了多种管理状态的装饰器来修饰变量，使用这些装饰器修饰的变量即称为状态变量。在组件范围传递的状态管理常见的场景如下：场景装饰器组件内的状态管理@S

Text组件1.设置文案Text（content?:string|Resource）//string格式Text('Helloworld')//resource资源格式，读取本地资源Text($r('app.string.hello'))在资源文件中添加对应的文本资源{“name”:“hello”,“value”:“helloworld”}2.属性设置Text($r('app.string.Image_width')).fontSize(20).fontWeight(FontWeight.Bold).fontColor('#35D').fontStyle(FontStyle.Italic).d