本文基于DevEco Studio 5.0.5 Release有这样的一个场景，当你初始写UI的时候，没有考虑到后面的代码复用，想要把一段重复的组件属性进行抽成一个方法？该如何快速的执行？再举一个常见的场景，一个函数，你写了很多的代码，想要把一部分代码，快速的抽成一个单独的函数，用于简化当前的代码逻辑，如何快速的实现？可能很多老铁会第一时间想到，把代码复制出来呗，这有什么难的？

本文基于Api13上篇文章，我们简单了解了服务卡片的相关知识，那么这篇文章，我们就从0到1实现一个服务卡片。form_config配置文件里面可选的属性非常之多，以上的表格，并未列举全面，大家在写的时候，一定要去官方文档进行查阅。本文标签：HarmonyOS/服务卡片，参考资料：官方文档之服务卡片指导。

相信大家在开发中自定义弹窗都是用的@CustomDialog在每个页面都写一大堆初始化代码，并且在类中使用也是相当难调用，今天给老铁们分享使用去在类中调用全局的弹窗。

装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器，@Component表示自定义组件，@Entry表示该自定义组件为入口组件，@State表示组件中的状态变量，状态变量变化会触发UI刷新。UI描述：以声明式的方式来描述UI的结构，例如build()方法中的代码块。自定义组件：可复用的UI单元，可组合其他组件，如上述

Progress是进度条显示组件，显示内容通常为目标操作的当前进度。

方舟开发框架(简称：ArkUI)，是一套构建HarmonyOS应用界面的UI开发框架，它提供了极简的UI语法与包括UI组件、动画机制、事件交互等在内的UI开发基础设施，以满足应用开发者的可视化界面开发需求。基于ArkTS的声明式开发范式的方舟开发框架是一套开发极简、高性能、跨设备应用的UI开发框架，支持开发者高效的构建跨设备应用UI界面。兼容JS的类Web开发范式的方舟开发框架，采用经典的HML、

这些转化后的图片资源可以被GPU直接使用，省略了CPU的处理过程，提高图片的显示速度，减少内存的占用，从而实现内存的提升。纹理压缩是在编译构建中对预置图片进行处理的，首先需要在编辑器的编译文件中配置纹理压缩的相关参数，hvigor根据配置的参数读取将要纹理压缩的文件资源，然后hvigor构造restool命令开始解析并生成资源文件列表，之后根据文件列表来遍历资源文件，将待转换文件进行转码生成纹理格

目录1 -> 声明式UI开发指导1.1 -> 开发说明1.2 -> 创建页面1.3 -> 修改组件样式1.4 -> 更新页面内容2 -> 创建简单视图2.1 -> 构建Stack布局2.2 -> 构建Flex布局2.3 -> 构建食物数据模型2.4 -> 构建食物列表List布局2.5 -> 构建食物分类Grid布局2.6 -> 页面跳转与数据传递2.6.1 -> 页面跳转2.6.2 -> 页面间

除了系统弹框，还可以对弹框进行自定义。自定义弹框更加灵活，适用于更多的业务场景。这里，我们实现一个包含多选器的自定义弹框，其实现效果如下图所示。不难看出，这个弹框由标题、选择列表和按钮操作区构成。自定义弹框需要使用装饰器我们创建一个名为的struct，并添加三个属性。\* items是数据源；\* selectedContent是选中结果拼接而成的字符串；\* controller是自定义弹框的控

在common模块中新建utils文件夹，下面创建Math.ets文件，新增Add函数，用于计算并返回两个数字的和。登录后复制1.2.3.