【HarmonyOS NEXT】设置组件不同状态下的样式

组件区域变化事件指组件显示的尺寸、位置等发生变化时触发的事件。

我们上一章实现了简单的登录注册页面，今天小编来带着大家实现完整的登录注册功能。

3D渲染组件，可以加载3D模型资源并做自定义渲染，通常用于3D动效场景。

通过本文的介绍，你应该对HarmonyOS 5.0中ArkTS组件的多态样式有了基本的了解。多态样式是UI开发中的重要工具，合理利用这些属性可以使你的应用界面更加友好和互动。希望本文能够帮助你在开发过程中更好地利用ArkTS的多态样式属性。

提供侧边栏可以显示和隐藏的侧边栏容器......

涉及知识点和装饰器@ComponentV2，@Local， @Builder，@BuilderParam，@Extend， @Require ，@Param，@Event等第三方库：ZRouter ，如项目中本来就用了ZRouter路由库，案例中点返回按钮直接使用了 ZRouter.pop()，没有用到的话也支持自定义返回...

升级API11版本，从API version 11开始，Gauge支持设置color属性：当参数类型为LinearGradient，则圆环类型为渐变环。LinearGradient可以设置单个吗？因为必须要传2个及以上值，但是渐变开始到结束只给了2个值，无法编辑成数组传递进去。API10版本中使用Gauge组件无法实现渐变效果，并且会有箭头显示，progress组件中已删除arc这种样式，无法实现UI要求。LinearGradient设置单个是因为只有一个色值组，从A到B这一个渐变色，箭头是可以隐藏的。

ArkTS是HarmonyOS的应用开发语言，它在保持TypeScript（简称TS）基本语法风格的基础上，对TS的动态类型特性施加了更严格的约束，并引入了静态类型。首先在入口文件同级下新建一个组件文件选择新建ArkTS File自定义文件名称编写代码预览双击进入到MyComponentPage.ets文件下，点击右侧预览窗口的刷新效果已经有了ArkUI是一套构建分布式应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具。

Swiper(){...Indicator.dot() // 设置小圆点的相关属性.itemWidth(20) // 未选中时候的高.itemHeight(20) // 未选中时候的宽.color(Color.Black) // 未选中时候的颜色.selectedItemWidth(30) // 选中时候的宽.selectedItemHight(30) // 选中时候的高.selectedColor(Color.White) // 选中时候的颜色。

编程语言中都有自己基本的控制结构，它们在程序设计中起到了非常重要的作用。在程序执行过程中，有时需要根据不同的条件分支来执行不同的代码逻辑。if/else结构通过判断条件来决定程序如何执行，实现了程序的分支控制。在程序中，需要对一些数据进行遍历、操作或者计算。ForEach和LazyForEach提供了一种便捷的方法，可以针对数据集合进行遍历，并对其中的每个元素执行特定操作。在某些情况下，程序中需要对大量的数据进行遍历或计算。

如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。

华为鸿蒙开发arkts语法，声明式UI，自定义组件

创建自定义组件aBui Lder@Styles// 标题部分Row() {.width(30)Text('商品列表')Blank().width(30)///*@Componentbuild(){// 标题部分Row() {.width(30)Blank().width(30)// .margin({ bottom: 20 }) // 和外界的距离，使用组件的人自己去管}*/// 全局自定义构建函数Text('原价：￥'+ item.price)

@Extend装饰器：定义扩展组件样式

鸿蒙开发者官网 ： https://developer.huawei.com/consumer/cn/开发鸿蒙要用的软件是 DevEco StudioArkTS建立在JS和TS的基础之上，扩展了声明式UI开发范式和状态管理，提供更简洁和自然的开发方式。ArkTS引入了渲染引擎的增强，包括平台无关的自绘制机制、声明式UI后端设计、动态布局等，以提高性能体验。进一步的优化包括代码预编译、高效FFI-Foreign Function Interface、引擎极小化等。ArkTS还构建了跨OS平台的基础设施，以

stateStyles：多态样式

小编为此特别准备了一份联合鸿蒙官方发布笔记整理收纳的《鸿蒙开发学习笔记》以及学习路线图，内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。【有需要的朋友，可以扫描下方二维码免费领取哦~】