鸿蒙开发者社区

[toc](目录)前言大家好，我是若城。本系列专注于帮助开发者快速实现HarmonyOSNext应用中的常用功能，提供即拿即用的代码示例。前几篇文章主要聚焦于应用功能层面的实现，本篇我们将转换视角，深入探讨UI交互设计的精髓——自定义高斯模糊弹窗的完整实现方案。话不多说开始上课效果演示本文将实现一个功能丰富的自定义弹窗组件，具备以下特性：高斯模糊背景：营造现代化毛玻璃视觉效果内容完全自定义：支持任意内容和布局格式优...

一、前言HarmonyOS的Image组件，相信大家平时用得还是挺开心的：一个url往里一塞，咔咔就能显示，啥也不用管，直接起飞。但是，用着用着你可能会发现一些“奇妙体验”——图片只加载了一半，像是网断了。图片加载失败了，但是给你一个毫无用处的错误码和错误信息。最难搞的是，缓存你根本没法控制，它就那么一直卡着，死活不重新拉。这就很尴尬了，本来以为是“开箱即用”，结果掉坑里了。老样子如果您有任何疑问、对文章写的不...

一、前言上篇文章在结尾留下两个问题getContext(this)和getContext()有什么区别？为什么弃用直接getContext，转而使用UIContext.getHostContext？因为篇幅问题，留在最后给大家一起思考了，今天我又来了，准备把剩下的扫扫尾老样子如果您有任何疑问、对文章写的不满意、发现错误或者有更好的方法，如果你想支持下一期请务必点赞，欢迎在评论、私信或邮件中提出，这真的对我很重要！非常感谢您的支持。🙏二、一个“看起来一样”...

一、引言在我搞Android的时期，Context是属于每天都在烦恼的东西了，也是走了不少弯路，看了不少文章。现在搞鸿蒙了，嘻嘻嘻，也有Context。这是为啥也是带着好奇心，总结出一些经验。再次分享给大家，当然因为篇幅的原因，不会讲太细，和大家一起了解下如果您有任何疑问、对文章写的不满意、发现错误或者有更好的方法，如果你想支持下一期请务必点赞，欢迎在评论、私信或邮件中提出，非常感谢您的支持。🙏二、Context的重要性...

一、前言在前文中，我们提到过“状态管理”。但状态管理并不仅仅是“数据变化→UI更新”这么简单，它还与组件的创建、复用、销毁等生命周期过程密切相关。理解状态管理与生命周期之间的关系，可以帮助我们规避内存泄漏、状态残留等常见问题。因此，本文将带你一起梳理生命周期与状态管理的交互机制，并通过示例分析如何在实践中避免踩坑。如果您有任何疑问、对文章写的不满意、发现错误或者有更好的方法，如果你想支持下一期请...

HarmonyOS5源码分析——‘状态管理’如何管理的（1）？一、前言大家都是开发，有时候写着写着ArkUI代码，突然就会冒出个问号：“为啥我改个状态变量，UI就自动刷新了？”“Local到底背后做了啥？能监听到那么精准吗？”“那View更新的时机呢？是Diff算法还是真全量更新？”于是，就顺手点开了openharmony的源码，想看看Local管理到底是怎么实现的。一翻不要紧，直接翻到了个叫StateMgmt的模块，感觉挺有门道，也挺值得写点什么...

干货分享：HarmonyOSNext如何实现语音朗读能力前言大家好，我是若城。本系列旨在帮助开发者快速实现HarmonyOSNext应用中的常用功能，提供即拿即用的代码示例。本文将重点讲解如何借助HarmonyOSNext的textToSpeechAPI实现语音朗读能力，让您的应用具备文本转语音的功能。效果预览如下图所示，点击案例中的"朗读文本"按钮，即可将页面中的文案进行语音播报：朗读文本函数封装为了便于复用和管理，我们在项目的utils文件夹下新建一...

1、示例疑似错误,通过数据管理服务实现数据共享静默访问中示例有一段如下代码：构建一条数据letkey1'name';letkey2'age';letkey3'isStudent';letkey4'Binary';letvalueName1'ZhangSan';letvalueName2'LiSi';letvalueAge121;letvalueAge218;letvalueIsStudent1false;letvalueIsStudent2true;letvalueBinarynewUint8Array([1,2,3]);letvaluesBucket:ValuesBucket{key1:valueName1,key2:valueAge1,key3:valueIsStudent1,key4:value...

你好，我是“行向鸿蒙深处”的博主，一位25岁的开发者。我的旅程，始于对创造的热忱，如今由一份深刻的情感和一个宏大的梦想共同指引。在这里，我想与你分享我的故事、我的热爱以及我即将奔赴的未来。一、回溯来时路：从“整序”自我到构建世界我的技术之路，源于一个非常个人化的需求：更好地管理自己的生活。我深受邹小强老师的“衣柜整理法”影响，并决心将它从理论变为触手可及的工具。于是，“整序阁”从一个想法诞生了。...

目录​​1>一体化工程迁移​​​​1.1>自动迁移​​​​1.2>手动迁移​​​​1.2.1>API10及以上历史工程迁移​​​​1.2.2>API9历史工程迁移​​1>一体化工程迁移DevEcoStudio从NEXTDeveloperBeta1版本开始，提供开箱即用的开发体验，将SDK、Node.js、Hvigor、OHPM等工具链进行合一打包，简化DevEcoStudio安装配置流程；并提供一体化的历史工程迁移能力，帮助开发者快速完成工程转换。注意为了避免数据丢失，迁移前请对工程进行...

目录​​1>工程模板介绍​​​​2>创建一个新的工程​​​​2.1>创建和配置新工程​​​​2.1.1>创建HarmonyOS工程​​​​2.2.2>创建OpenHarmony工程​​1>工程模板介绍DevEcoStudio支持多种品类的应用元服务开发，预置丰富的工程模板，可以根据工程向导轻松创建适应于各类设备的工程，并自动生成对应的代码和资源模板。同时，DevEcoStudio还提供了多种编程语言供开发者进行应用元服务开发，包括ArkTS、JS和CC++。工程模板支持...

目录​​1>工具简介​​​​1.1>概述​​​​1.2>HarmonyOS应用服务开发流程​​​​1.2.1>开发准备​​​​1.2.2>开发应用服务​​​​1.2.3>运行、调试和测试应用服务​​​​1.2.4>发布应用服务​​​​2>工程介绍​​​​2.1>APP包结构​​​​2.2>切换工程视图​​​​3>工程目录结构​​​​3.1>ArkTS工程目录结构(Stage模型)​​​​3.2>C++工程目录结构(Stage模型)​​​​3.3>JS工程目录结构(FA模型)​​1>工具简介1.1...

目录​​1>动画动效​​​​1.1>创建动画对象​​​​1.2>添加动画事件和调用接口​​​​2>动画帧​​​​2.1>请求动画帧​​​​2.2>取消动画帧​​​​3>自定义组件​​1>动画动效1.1>创建动画对象通过createAnimator创建一个动画对象，通过设置参数options来设置动画的属性。<!test.hml><divclass"container"><divstyle"width:300px;height:300px;margintop:100px;background:lineargradient(pink,purple);transform:transl...

[toc](目录)前言大家好，我是若城。本系列旨在帮助开发者快速实现HarmonyOSNext应用中的常用功能，提供即拿即用的代码示例。本文将重点介绍网络请求的封装与应用，让开发者能够轻松实现API接口调用。本系列不会过多讲解基础知识，需要申请权限的部分请开发者自行处理。功能概述本文将详细介绍：HTTP请求基础方法的封装实用的HTTP请求工具类设计类型定义与接口规范实际应用场景演示通过这些内容，开发者可以快速构建自己的网络请...

目录​​1>动画动效​​​​1.1>创建动画对象​​​​1.2>添加动画事件和调用接口​​​​2>动画帧​​​​2.1>请求动画帧​​​​2.2>取消动画帧​​1>动画动效通过设置插值器来实现动画效果。说明从APIVersion6开始支持。1.1>创建动画对象通过createAnimator创建一个动画对象，通过设置参数options来设置动画的属性。<!test.hml><divclass"container"><divstyle"width:300px;height:300px;margintop:100px;background:linearg...

目录​​1>获取动画对象​​​​2>设置动画参数​​​​3>添加事件和调用方法​​1>获取动画对象通过调用animate方法获得animation对象，animation对象支持动画属性、动画方法和动画事件。<!test.hml><divclass"container"><divid"content"class"box"onclick"Show"><div><div>test.css.container{flexdirection:column;justifycontent:center;alignitems:center;width:100%;}.box{width:200px;height:200px;backgroundcolor:ff0...

背景介绍很多小伙伴发现在自己的命令行中没有办法使用ohpm命令，所以这篇文章主要教大家如何在已经安装DevEco后如何配置ohpm环境变量。【小编目前还没有看到类似的教程，可能是全网首发哦!】环境介绍时间：2023年7月21日16:05:12ohpm版本号:1.1.2DevEco版本号:DevEcoStudio3.1ReleaseAPI版本号：API9系统版本号：Windows11专业版22H2什么是ohpm如何检查自己是否需要配置ohpm1、同时按下键盘下的win键与R键，调出运行界面。2、在...

目录​​1>属性样式动画​​​​2>transform样式动画​​​​2.1>设置静态动画​​​​2.2>设置平移动画​​​​2.3>设置旋转动画​​​​2.4>设置缩放动画​​​​2.5>设置matrix属性​​​​2.6>整合transform属性​​​​3>backgroundposition样式动画​​​​4>svg动画​​​​4.1>属性样式动画​​​​4.2>路径动画​​​​4.3>animateTransform动画​​1>属性样式动画在关键帧(Keyframes)中动态设置父组件的width和height...

目录​​1>基础知识​​​​1.1>创建Svg组件​​​​1.2>设置属性​​​​2>绘制图形​​​​3>绘制路径​​​​4>绘制文本​​​​4.1>文本​​​​4.2>沿路径绘制文本​​1>基础知识Svg组件主要作为svg画布的根节点使用，也可以在svg中嵌套使用。说明从APIversion7开始支持。svg父组件或者svg组件需要定义宽高值，否则不进行绘制。1.1>创建Svg组件在pagesindex目录下的hml文件中创建一个Svg组件。<!test.hml><divclass"contai...

目录​​1>创建Swiper组件​​​​2>添加属性​​​​3>设置样式​​​​4>绑定事件​​​​5>场景示例​​1>创建Swiper组件在pagesindex目录下的hml文件中创建一个Swiper组件。<!test.hml><divclass"container"><swiper><divclass"item"style"backgroundcolor:bf45ea;"><text>item1<text><div><divclass"item"style"backgroundcolor:088684;"><text>item2<text><div><divclass"item"style"backgroundcolor:7786ee;"><text>item...