文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:沉浸式效果工具

HarmonyOS Next实战##HarmonyOS SDK应用服务##教育 目标:封装工具类,实现沉浸式效果。 典型应用全屏窗口UI元素包括状态栏、应用界面和底部导航条,其中状态栏和导航条,通常在沉浸式布局下称为避让区;避让区之外的区域称为安全区。开发应用沉浸式效果主要指通过调整状态栏、应用界面和导航条的显示效果来减少状态...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:持久化存储-首选项工具

HarmonyOS Next实战##HarmonyOS SDK应用服务##教育 目标:封装Preferences工具类,实现持久化存储数据。 用户首选项为应用提供Key-Value键值型的数据处理能力,支持应用持久化轻量级数据,并对其修改和查询。当用户希望有一个全局唯一存储的地方,可以采用用户首选项来进行存储。Preferen...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:瀑布流和懒加载

HarmonyOS Next实战##HarmonyOS应用开发##教育 目标:实现瀑布流图片和文字,并通过懒加载加载瀑布流子项。 实现思路: 创建Card模型创建WaterFlowDataSource 数据源定制WaterFlowItemComponent自定义组件在页面实现WaterFlow和LazyForEach循环 WaterFlow瀑布流容器&#...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:列表和懒加载

HarmonyOS Next实战##HarmonyOS应用开发##教育 目标:实现列表布局,并且通过懒加载加载item项。 前提:需要申请权限ohos.permission.INTERNET。 实现思路: 创建ProductModel模型创建BasicDataSource数据源集成BasicDataSource和定制化ListDataSou...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:Swiper轮播图

HarmonyOS Next实战##HarmonyOS应用开发##教育 目标:实现轮播图,每4秒自动循环切换,指示器为长条横线。 前提:需要申请权限ohos.permission.INTERNET。 实现思路: 通过Swiper实现轮播图。通过autoPlay和interval实现自动轮播。通过indicator设置指示器样式...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:网络图片加载和失败占位图

HarmonyOS Next实战##HarmonyOS应用开发##教育 目标:网络图片加载时,显示加载图,加载完毕后显示网络图片,加载失败则显示加载失败的占位图。 前提:需要申请权限ohos.permission.INTERNET。 实现思路: 通过Image显示图片。通过Image的alt设置加载图。通过Ima...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:保存网络图片

HarmonyOS Next实战##HarmonyOS应用开发##教育 目标:显示网络图片,通过点击保存按钮,下载网络图片,并保存到本地。 前提:需要申请权限ohos.permission.INTERNET。 实现思路: 通过Image显示图片。通过SaveButton获取操作权限。通过request.downl...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:使用PhotoPicker组件选择图片或视频

HarmonyOS Next实战##HarmonyOS SDK媒体##教育 目标:打开媒体选择器,可以选择图片或视频。 当应用需要读取用户图片时,开发者可以在应用界面中嵌入PhotoPicker组件,在用户选择所需要的图片资源后,直接返回该图片资源,而不需要授予应用读取图片文件的权限,即可完成图片或...

文章 2025-06-25 来自:开发者社区

HarmonyOS NEXT实战:加载弹窗

HarmonyOS Next实战##HarmonyOS应用开发##教育 目标:封装公共组件,通过调用加载弹窗,实现loading动画。 实现思路: 通过@CustomDialog实现弹窗通过Progress实现加载动画通过自定义组件承载自定义弹窗 CustomDialogController仅在作为@CustomDialog...

文章 2025-06-17 来自:开发者社区

鸿蒙5开发宝藏案例分享---Swiper组件性能优化实战

#### 1. 懒加载:`LazyForEach` 替代 `ForEach` **原理**:只渲染可视区域内的页面,滑出后自动销毁。 ``` // 优化前:ForEach一次性加载所有页面(内存爆炸!) Swiper() {  ForEach(this.list, (item: number) => {    S...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注