##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装自定义弹窗，通过方法调用，直接打开已定制的确认弹窗。 知识点：  由于CustomDialogController在使用上存在诸多限制，不支持动态创建也不支持动态刷新，在相对较复杂的应用场景中推荐使用UIContext中获取到的PromptAction对象提供的openCustomDialog接口来实现自定义弹出框。 弹出框（openCustomDialog）可以通过配置isModal来实现模态和非模态弹窗。isModal为true时，弹出框为模态弹窗。isModal为false时，弹出框为非模态...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现APP启动时，启动页为广告，并且5秒后可手动关闭广告，跳转至主页。 思路：  入口页面应设置为启动页 启动页通过定时器，在倒计时结束后跳转至首页  知识点： 页面路由 (@ohos.router) 页面路由指在应用程序中实现不同页面之间的跳转和数据传递。Router模块通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。本文将从页面跳转、页面返回、页面返回前增加一个询问框和命名路由这几个方面，介绍如何通过Router模块实现页面路由。 Router模块提供了两种跳转模式，分别是ro...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 在软件开发中，水印是一种在应用页面、图片或文档中嵌入的标记，它通常采用文字或图案的形式展现。水印通常有以下用途：  标识来源：可用于标识应用、各种文件的来源或作者，确保产权的归属。 版权保护：可携带版权保护信息，有效防止他人篡改、盗用、非法复制。 艺术效果：可作为一种艺术效果，为图片或应用增添独特的风格。  实现思路：  创建Canvas画布，在画布上绘制水印。 使用浮层overlay属性，将画布与UI页面组件融合显示。  知识点： Canvas提供画布组件，用于自定义绘制图形。使用CanvasRender...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装沙箱工具，通过沙箱工具保存文件到沙箱中和清除沙箱文件。 知识点： 使用该功能模块对文件/目录进行操作前，需要先获取其应用沙箱路径，获取方式及其接口：getContext().cacheDir fs:使用该功能模块对文件/目录进行操作前，需要先获取其应用沙箱路径。表示沙箱路径的字符串称为path，获取方式及其接口用法请参考：应用上下文Context-获取应用文件路径。 将指向资源的字符串称为URI。对于只支持path作为入参的接口可使用构造fileUri对象并获取其path属性的方式将URI转换为p...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装字符串工具类，实现常用的功能，如检查字符串是否为空，将字符串转为字节流等。 知识点： Buffer对象用于表示固定长度的字节序列，是专门存放二进制数据的缓存区。 buffer.from：根据指定数组创建新的Buffer对象。 BufferEncoding：表示支持的编码格式类型。 util.TextEncoder util.TextEncoder(encoding?: string);  用于将字符串编码为字节数组，支持多种编码格式。 需要注意的是，在使用TextEncoder进行编码时，不同编码...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现千分分隔符工具封装 NumberFormat 创建数字格式化对象 constructor(locale: string | Array<string>, options?: NumberOptions)  locale：表示区域信息的字符串，由语言、脚本、国家或地区组成。 options：创建数字格式化对象时可设置的配置项。 示例 // 使用 en-GB locale创建NumberFormat对象，style设置为decimal，notation设置为scientific let n...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装日志工具，实现日志工具简单可用。 在应用开发过程中，可在关键代码处输出日志信息。在运行应用后，通过查看日志信息来分析应用执行情况（如应用是否正常运行、代码运行时序、运行逻辑分支是否正常等）。 系统提供不同的API供开发者调用并输出日志信息，即HiLog与console。两个API在使用时略有差异，本文重点介绍HiLog的用法，console的具体用法可查看API参考console。 HiLog中定义了DEBUG、INFO、WARN、ERROR、FATAL五种日志级别，并提供了对应的方法输出不同级别...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装工具类，实现沉浸式效果。 典型应用全屏窗口UI元素包括状态栏、应用界面和底部导航条，其中状态栏和导航条，通常在沉浸式布局下称为避让区；避让区之外的区域称为安全区。开发应用沉浸式效果主要指通过调整状态栏、应用界面和导航条的显示效果来减少状态栏导航条等系统界面的突兀感，从而使用户获得最佳的UI体验。 开发应用沉浸式效果主要要考虑如下几个设计要素：  UI元素避让处理：导航条底部区域可以响应点击事件，除此之外的可交互UI元素和应用关键信息不建议放到导航条区域。状态栏显示系统信息，如果与界面元素有冲突，需...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装Preferences工具类，实现持久化存储数据。 用户首选项为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。当用户希望有一个全局唯一存储的地方，可以采用用户首选项来进行存储。Preferences会将该数据缓存在内存中，当用户读取的时候，能够快速从内存中获取数据，当需要持久化时可以使用flush接口将内存中的数据写入持久化文件中。Preferences会随着存放的数据量越多而导致应用占用的内存越大，因此，Preferences不适合存放过多的数据，也...

##HarmonyOS Next实战##HarmonyOS应用开发##教育## 目标：实现瀑布流图片和文字，并通过懒加载加载瀑布流子项。 实现思路：  创建Card模型 创建WaterFlowDataSource 数据源 定制WaterFlowItemComponent自定义组件 在页面实现WaterFlow和LazyForEach循环  WaterFlow 瀑布流容器，由“行”和“列”分割的单元格所组成，通过容器自身的排列规则，将不同大小的“项目”自上而下，如瀑布般紧密布局。 仅支持FlowItem子组件，支持渲染控制类型（if/else、ForEach、LazyForEach和Repeat...

##HarmonyOS Next实战##HarmonyOS应用开发##教育## 目标：实现列表布局，并且通过懒加载加载item项。 前提：需要申请权限ohos.permission.INTERNET。 实现思路：  创建ProductModel模型 创建BasicDataSource数据源 集成BasicDataSource和定制化ListDataSource 在页面实现LazyForEach循环  LazyForEach使用限制  LazyForEach必须在容器组件内使用，仅有List、Grid、Swiper以及WaterFlow组件支持数据懒加载（可配置cachedCount属性，即只加...

##HarmonyOS Next实战##HarmonyOS应用开发##教育## 目标：实现轮播图，每4秒自动循环切换，指示器为长条横线。 前提：需要申请权限ohos.permission.INTERNET。 实现思路：  通过Swiper实现轮播图。 通过autoPlay和interval实现自动轮播。 通过indicator设置指示器样式。  Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。通常，在一些应用首页显示推荐的内容时，需要用到轮播显示的能力。 循环播放 通过loop属性控制是否循环播放，该属性默认值为tru...

##HarmonyOS Next实战##HarmonyOS应用开发##教育## 目标：网络图片加载时，显示加载图，加载完毕后显示网络图片，加载失败则显示加载失败的占位图。 前提：需要申请权限ohos.permission.INTERNET。 实现思路：  通过Image显示图片。 通过Image的alt设置加载图。 通过Image的onError事件获取加载失败的状态。 根据加载状态显示对应的占位图。  接口说明 alt(value: string | Resource | PixelMap)  设置图片加载时显示的占位图。当组件的参数类型为AnimatedDrawableDescriptor...

##HarmonyOS Next实战##HarmonyOS应用开发##教育## 目标：显示网络图片，通过点击保存按钮，下载网络图片，并保存到本地。 前提：需要申请权限ohos.permission.INTERNET。 实现思路：  通过Image显示图片。 通过SaveButton获取操作权限。 通过request.downloadFile下载图片。 通过fileIo拷贝图片到本地。  具体实现 import { http } from **********'; import { image } from **********'; import { BusinessError, request...