- 博客(210)
- 收藏
- 关注
RSS订阅原创 鸿蒙APP实战开发——Worker子线程中解压文件
本示例介绍在 Worker 子线程使用 @ohos.zlib 提供的zlib.decompressfile接口对沙箱目录中的压缩文件进行解压操作，解压成功后将解压路径返回主线程，获取解压文件列表。
2025-06-29 21:43:31
349
原创 鸿蒙APP实战开发——应用异常处理案例
本示例介绍了通过应用事件打点 hiAppEvent 获取上一次应用异常信息的方法，主要分为应用崩溃、应用卡死以及系统查杀三种。
2025-06-29 21:15:33
385
原创 鸿蒙APP实战开发——图片选择和下载保存案例
本示例介绍图片相关场景的使用：包含访问手机相册图片、选择预览图片并显示选择的图片到当前页面，下载并保存网络图片到手机相册或到指定用户目录两个场景。
2025-06-29 20:44:25
672
原创 鸿蒙APP实战开发——GBK文本格式解码
本示例介绍使用第三方库的Axios获取GBK格式的网络数据时，通过 util 实现GBK转换UTF-8格式。该场景多用于需要转换编码格式的应用。
2025-06-29 19:58:32
186
原创 鸿蒙APP实战开发——多层嵌套类对象监听
本示例介绍使用@Observed装饰器和@ObjectLink装饰器来实现多层嵌套类对象属性变化的监听。
2025-06-27 21:25:32
292
原创 鸿蒙APP实战开发——Navigation页面跳转对象传递案例
本示例主要介绍在使用Navigation实现页面跳转时，如何在跳转页面得到转入页面传的类对象的方法。实现过程中使用了第三方插件class-transformer，传递对象经过该插件的plainToClass方法转换后可以直接调用对象的方法，
2025-06-27 20:40:53
593
原创 鸿蒙APP实战开发——图片缩放效果实现
图片预览在应用开发中是一种常见场景，在诸如QQ、微信、微博等应用中均被广泛使用。本模块基于Image组件实现了简单的图片预览功能。双指捏合对图片进行缩放双击图片进行图片的大小切换，在放大状态下，双击可恢复默认状态图片在放大模式下，滑动图片查看图片的对应位置。
2025-06-27 19:42:02
276
原创 鸿蒙APP实战开发——阻塞事件冒泡
本示例主要介绍在点击事件中，子组件enabled属性设置为false的时候，如何解决点击子组件模块区域会触发父组件的点击事件问题；以及触摸事件中当子组件触发触摸事件的时候，父组件如果设置触摸事件的话，如何解决父组件也会被触发的问题。
2025-06-27 17:58:45
388
原创 鸿蒙APP实战开发——XComponent + Vsync 实现自定义动画
XComponent 提供了应用在 native 侧调用 OpenGLES 图形接口的能力，本文主要介绍如何配合 Vsync 事件，完成自定义动画。在这种实现方式下，自定义动画的绘制不在 UI 主线程中完成，即使主线程卡顿，动画效果也不会受影响。
2025-06-27 15:53:09
308
原创 鸿蒙APP实战开发——预加载so并读取RawFile文件
本示例主要介绍在TaskPool子线程中使用 dlopen 预加载 so 库并使用句柄调用库函数的方法，以及在Native中使用 pread 系统函数读取Rawfile文件的部分文本内容，并添加 HiLog 日志。
2025-06-27 14:38:46
547
原创 鸿蒙APP第三方库——MpChart图表实现案例
MpChart是一个包含各种类型图表的图表库，主要用于业务数据汇总，例如销售数据走势图，股价走势图等场景中使用，方便开发者快速实现图表UI。本示例主要介绍如何使用三方库MpChart实现柱状图UI效果。如堆叠数据类型显示，Y轴是否显示，左Y轴位置，右Y轴位置，是否显示X轴，是否绘制背景色，是否设置MarkerView等。
2025-06-27 13:45:30
255
原创 鸿蒙APP实战开发——首页下拉进入二楼效果案例
本示例主要介绍了利用position和onTouch来实现首页下拉进入二楼、二楼上划进入首页的效果场景，利用translate和opacity实现动效的移动和缩放，并将界面沉浸式（全屏）显示。
2025-06-26 16:53:22
464
原创 鸿蒙APP实战开发——语音录制和声音动效实现
本示例使用AVrecord录制音频和AVrecord的getAudioCapturerMaxAmplitude接口获取振幅实现UI动效;使用AVplayer播放音频。
2025-06-26 15:51:34
193
原创 鸿蒙APP实战开发——下拉展开图片和时间轴效果实现案例
下拉展开图片效果：初始时顶部图片只显示中间部分，其余部分，分别隐藏在屏幕上边缘和时间轴模块下方，随着下拉，图片会逐渐展开。时间轴效果：位于左边，虚线贯穿整个List，每个内容模块前都有一个时间轴节点。
2025-06-26 15:02:19
308
原创 鸿蒙APP实战开发——网格元素交换案例
直接进行交换和删除元素会给用户带来不好的体验效果，因此需要在此过程中注入一些特色的动画来提升体验效果，本案例通过Grid组件、attributeModifier、以及animateTo函数实现了拖拽动画和删除动画。
2025-06-26 14:23:51
495
原创 鸿蒙APP实战开发——图片九宫格封装案例
本示例介绍使用( Flex )组件实现图片在不同个数情况下的布局效果(默认布局和自定义布局)。该场景多用于社交类应用。
2025-06-26 13:44:04
241
原创 鸿蒙APP实战开发——自定义安全键盘案例
金融类应用在密码输入时，一般会使用自定义安全键盘。本示例介绍如何使用TextInput组件实现自定义安全键盘场景，主要包括TextInput.customKeyboard绑定自定义键盘、自定义键盘布局和状态更新等知识点。当设置自定义键盘时，输入框激活后不会打开系统输入法，而是加载应用指定的自定义组件，针对系统键盘的enterKeyType属性设置将无效。自定义键盘采用覆盖原始界面的方式呈现，不会对应用原始界面产生压缩或者上提。
2025-06-25 19:42:13
657
原创 鸿蒙APP实战开发——页面间共享组件实例的案例
本示例提供组件实例在页面间共享的解决方案：通过 Stack 容器，下层放地图组件，上层放 Navigation 组件来管理页面，页面可以共享下层的地图组件，页面中需要显示地图的区域设置为透明，并参考 触摸交互控制 ，设置事件透传及响应区域。
2025-06-25 17:54:04
318
原创 鸿蒙APP实战开发——元素超出List区域
本示例介绍在List组件内实现子组件超出容器边缘的布局样式的实现方法。List组件clip属性默认为true，超出容器边缘的子组件会按照List的布局范围被裁剪。为此，可以在List组件内部添加一个占位的ListItem，以达到预期的布局效果。List占满整个窗口或者不可滚动的情况下，也可以在List外占位，同时设置List的clip属性为false达成同样的效果。该布局效果多用于头像、列表子项标题等元素的突出显示。
2025-06-25 16:52:31
224
原创 鸿蒙APP实战开发——左右拖动切换图片效果案例
本示例使用滑动手势监听，实时调整左右两侧内容显示区域大小和效果。通过绑定gesture事件中的PanGesture平移手势，实时获取拖动距离。当拖动时，实时地调节左右两个Image组件的宽度，从而成功实现左右拖动切换图片效果的功能。
2025-06-25 15:51:13
313
原创 鸿蒙APP实战开发——适配挖孔屏案例
本示例介绍使用屏幕属性 getDefaultDisplaySync、getCutoutInfo 接口实现适配挖孔屏。该场景多用于沉浸式场景下。
2025-06-25 13:40:15
201
原创 鸿蒙APP实战开发——短视频切换实现案例
短视频切换在应用开发中是一种常见场景，上下滑动可以切换视频，十分方便。本模块基于Swiper组件和Video组件实现短视频切换功能。
2025-06-24 17:11:07
334
原创 鸿蒙APP实战开发——自定义视图实现Tab效果
本示例介绍使用Text、List等组件，添加点击事件onclick,动画，animationTo实现自定义Tab效果。
2025-06-24 15:10:06
165
原创 鸿蒙APP实战开发——组件堆叠
本示例介绍运用Stack组件以构建多层次堆叠的视觉效果。通过绑定Scroll组件的onScroll滚动事件回调函数，精准捕获滚动动作的发生。当滚动时，实时地调节组件的透明度、高度等属性，从而成功实现了嵌套滚动效果、透明度动态变化以及平滑的组件切换。
2025-06-24 14:36:36
364
原创 鸿蒙APP实战开发——发布图片评论
本示例将通过发布图片评论场景，介绍如何使用startAbilityForResult接口拉起相机拍照，并获取相机返回的数据。
2025-06-24 13:49:33
270
原创 鸿蒙APP实战开发——深色模式适配
固定属性适配：对于部分组件的颜色属性，如背景色或字体颜色，若保持不变，可直接设定固定色值或引用固定的资源文件。双资源目录适配：在resources目录下新增dark子目录，用于存放深色模式下的特定颜色配置（color.json文件）和图片资源（media文件）。在深色模式下，系统会自动加载此目录中的颜色及图片资源，确保与浅色模式下的UI元素色彩差异性。利用系统分层参数。
2025-06-23 16:22:59
587
原创 鸿蒙APP实战开发——全屏登录页面
本例介绍各种应用登录页面。全屏登录页面：在主页面点击跳转到全屏登录页后，显示全屏模态页面，全屏模态页面从下方滑出并覆盖整个屏幕，模态页面内容自定义，此处分为默认一键登录方式和其他登录方式。
2025-06-23 15:49:59
257
原创 鸿蒙APP实战开发——预渲染实现Web页面瞬开效果
为了便于大家在使用本案例集时能够更详细的了解各个案例，本案例基于Web预渲染实现了案例介绍功能，即应用右下角的问号icon。
2025-06-23 13:39:01
765
原创 鸿蒙APP实战开发——搜索页一镜到底案例
本示例介绍使用bindContentCover、transition、animateTo实现一镜到底转场动画，常用于首页搜索框点击进入搜索页场景。
2025-06-22 20:50:02
226
原创 纯血鸿蒙APP实战开发——自定义路由栈管理
本案例将介绍如何使用路由跳转返回时获取到来源页的模块名以及路径名，在实际场景中同一页面通常会根据不同来源页展示不同的UI。使用说明无特殊使用说明，其他使用说明参考 动态路由的相关说明。
2025-06-22 19:00:38
207
原创 纯血鸿蒙APP实战开发——主页动态路由
本示例将介绍如何使用动态路由跳转到模块中的页面，以及如何使用动态import的方式加载模块使用说明通过动态import的方式，在需要进入页面时加载对应的模块。配置动态路由，通过WrapBuilder接口，动态创建页面并跳转。动态import变量表达式，需要DevEco Studio NEXT Developer Preview1 （4.1.3.500）版本IDE，配合hvigor 4.0.2版本使用。支持自定义路由栈管理。
2025-06-21 21:28:19
242
原创 鸿蒙性能优化实战-耗时分析器Time Profiler
DevEco Studio集成的DevEco Profiler性能调优工具（以下简称为Profiler），提供Time、Allocation、Snapshot、CPU等场景化分析任务类型。开发应用或服务过程中，如果遇到卡顿、加载耗时等性能问题，开发者通常会关注相关函数执行的耗时情况。Profiler提供的Time场景分析任务，可在应用/服务运行时，展示热点区域内基于CPU和进程耗时分析的调用栈情况，并提供跳转至相关代码的能力，使开发者更便捷地进行代码优化。
2025-06-21 20:43:40
818
原创 鸿蒙性能优化实战-内存快照Snapshot Profiler
DevEco Studio集成的DevEco Profiler性能调优工具（以下简称为Profiler），提供Time、Allocation、Snapshot、CPU等场景化分析任务类型。内存快照（Snapshot）是一种用于分析应用程序内存使用情况的工具，通过记录应用程序在运行时的内存快照，可以快速查看应用程序在某一时刻的内存占用情况以及内存占用详情。针对方舟虚拟机，Profiler提供了内存快照分析能力，结合Memory实时占用情况，分析不同时刻的方舟虚拟机内存对象占用情况及差异。
2025-06-21 19:46:58
730
原创 鸿蒙应用开发-边缓存边播放案例
OhosVideoCache是一个支持边播放边缓存的库，只需要将音视频的url传递给OhosVideoCache处理之后再设置给播放器，OhosVideoCache就可以一边下载音视频数据并保存在本地，一边读取本地缓存返回给播放器，使用者无需进行其他操作。
2025-06-20 19:45:46
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人