摘要：
在前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。 图1 效果图 上面的示例中，用户与应用程序的交互触发了文本状态变更，状态变更引起了UI渲染，UI从“Hello World”变更为“Hello ArkUI”。 在声明式UI编程框架中，UI是 阅读全文
posted @ 2024-07-09 14:35
为敢技术
阅读(57)
评论(0)
推荐(0)
摘要：
@Styles和@Extend仅仅应用于静态页面的样式复用，stateStyles可以依据组件的内部状态的不同，快速设置不同样式。这就是我们本章要介绍的内容stateStyles（又称为：多态样式）。 概述 stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不 阅读全文
posted @ 2024-06-28 15:20
为敢技术
阅读(49)
评论(0)
推荐(0)
摘要：
在前文的示例中，可以使用@Styles用于样式的扩展，在@Styles的基础上，我们提供了@Extend，用于扩展原生组件样式。 说明 从API version 9开始，该装饰器支持在ArkTS卡片中使用。 装饰器使用说明 语法 @Extend(UIComponentName) function f 阅读全文
posted @ 2024-06-28 11:26
为敢技术
阅读(236)
评论(0)
推荐(0)
摘要：
如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，我们推出了可以提炼公共样式进行复用的装饰器@Styles。 @Styles装饰器可以将多条样式设置提炼成一个方法，直接在组件声明的位置调用。通过@Styles装饰器可以快 阅读全文
posted @ 2024-06-28 11:20
为敢技术
阅读(66)
评论(0)
推荐(0)
摘要：
当开发者创建了自定义组件，并想对该组件添加特定功能时，例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法，将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题，ArkUI引入了@BuilderParam装饰器，@BuilderParam用来装饰指向@Builder方法的变量 阅读全文
posted @ 2024-06-28 11:11
为敢技术
阅读(249)
评论(0)
推荐(0)
摘要：
前面章节介绍了如何创建一个自定义组件。该自定义组件内部UI结构固定，仅与使用方进行数据传递。ArkUI还提供了一种更轻量的UI元素复用机制@Builder，@Builder所装饰的函数遵循build()函数语法规则，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。 为了简化语言 阅读全文
posted @ 2024-06-28 11:04
为敢技术
阅读(250)
评论(0)
推荐(0)
摘要：
在开始之前，我们先明确自定义组件和页面的关系： 自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。 页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个 阅读全文
posted @ 2024-06-28 10:47
为敢技术
阅读(98)
评论(0)
推荐(0)
摘要：
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。 自定义组 阅读全文
posted @ 2024-06-28 10:42
为敢技术
阅读(167)
评论(0)
推荐(0)
摘要：
ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。 创建组件 根据组件构造方法的不同，创建组件包含有参数和无参数两种方式。 说明 创建组件时不需要new运算符。 无参数 如果组件的接口定义没有包含必选构造参数，则组件后面 阅读全文
posted @ 2024-06-28 10:28
为敢技术
阅读(93)
评论(0)
推荐(0)
摘要：
在初步了解了ArkTS语言之后，我们以一个具体的示例来说明ArkTS的基本组成。如下图所示，当开发者点击按钮时，文本内容从“Hello World”变为“Hello ArkUI”。 图1 示例效果图 本示例中，ArkTS的基本组成如下所示。 图2 ArkTS的基本组成 说明 自定义变量不能与基础通用 阅读全文
posted @ 2024-06-27 16:14
为敢技术
阅读(23)
评论(0)
推荐(0)
浙公网安备 33010602011771号