- 博客(392)
- 收藏
- 关注
RSS订阅原创 鸿蒙OH实战开发：PixelMap深拷贝案例
在图片开发过程中经常会涉及到PixelMap的深拷贝，本例通过使用PixelMap的readPixelsToBuffer方法来实现深拷贝。在创建源PixelMap的时候，需要将解码参数设置为BGRA_8888，而在深拷贝创建目标PixelMap的时候需要将解码参数设置为RGBA_8888。
2025-02-10 13:48:32
752
原创 鸿蒙OH实战开发：动态注册字体案例
本示例介绍利用上传下载模块和注册自定义字体模块实现从网络上下载字体并注册应用字体的功能，该场景多用于由特殊字体要求的场景。
2025-02-09 21:35:08
311
原创 鸿蒙OH实战开发：使用colorPicker实现背景跟随主题颜色转换
本示例介绍使用image库以及effectKit库中的colorPicker对目标图片进行取色，将获取的颜色作为背景渐变色，通过swiper组件对图片进行轮播，
2025-02-09 18:57:15
319
原创 鸿蒙OH实战开发：应用新功能引导实现案例
本文介绍如何使用三方库完成应用新版本功能导航。通过高亮区域与蒙版背景的明暗度对比，让用户快速锁定重点功能，了解版本变更和业务入口。
2025-02-08 21:28:59
270
原创 鸿蒙OH实战开发：动态注册字体案例
本示例介绍利用 上传下载 模块和 注册自定义字体 模块实现从网络上下载字体并注册应用字体的功能，该场景多用于由特殊字体要求的场景。
2025-02-08 14:50:58
353
原创 鸿蒙OH实战开发：Web组件预览PDF文件实现案例
本案例通过Web组件实现预览本地PDF文件和预览网络PDF文件，代码为Tabs容器组件包含了两个独立的TabContent子组件，分别标示为预览本地PDF文件和预览网络PDF文件。每个子组件内部构建一个Web组件。第一个Web组件利用resource协议关联本地PDF文件路径以预览本地存储的PDF资源；第二个Web组件则通过配置网络链接属性，实现从互联网加载并预览远程PDF文件内容。
2025-02-07 21:29:22
646
原创 鸿蒙OH实战开发：侧滑返回事件拦截案例
在编辑场景中，存在用户误触返回，导致内容未保存就退出编辑页的现象;本示例介绍使用NavDestination组件的onBackPressed回调对返回事件进行拦截，提示用户保存编辑内容，并使用preferences实例持久化保存内容。
2025-02-07 20:22:50
352
原创 鸿蒙OH实战开发：大文件拷贝案例
文件拷贝是应用开发中的一个常见场景，通常有两种方式，一是直接读写文件的全部内容，二是使用buffer多次读写。前者的优点在于使用简单，但是在大文件场景下，内存占用较高，影响应用性能；后者的优点在于内存占用较小，但是编程稍显复杂。本例将展示如何使用buffer来将大文件的rawfile复制到应用沙箱。
2025-02-07 13:33:59
983
原创 鸿蒙OH实战开发：图片拖拽AI抠图案例
本示例介绍图片AI抠图案例的使用：通过 Image.enableAnalyzer(true) 实现长按图片抠图并拖拽/复制到其他应用中。
2025-02-06 21:25:58
272
原创 鸿蒙OH实战开发：应用异常处理案例
本示例介绍了通过应用事件打点 hiAppEvent 获取上一次应用异常信息的方法，主要分为应用崩溃、应用卡死以及系统查杀三种。
2025-02-06 13:54:31
610
原创 鸿蒙OH实战开发：图片选择和下载保存案例
本示例介绍图片相关场景的使用：包含访问手机相册图片、选择预览图片并显示选择的图片到当前页面，下载并保存网络图片到手机相册或到指定用户目录两个场景。
2025-01-23 16:15:56
825
原创 鸿蒙OH实战开发：Navigation页面跳转对象传递案例
本示例主要介绍在使用Navigation实现页面跳转时，如何在跳转页面得到转入页面传的类对象的方法。实现过程中使用了第三方插件class-transformer，传递对象经过该插件的plainToClass方法转换后可以直接调用对象的方法，
2025-01-23 13:47:25
576
原创 鸿蒙OH实战开发：图片缩放效果实现
图片预览在应用开发中是一种常见场景，在诸如QQ、微信、微博等应用中均被广泛使用。本模块基于Image组件实现了简单的图片预览功能。双指捏合对图片进行缩放双击图片进行图片的大小切换，在放大状态下，双击可恢复默认状态图片在放大模式下，滑动图片查看图片的对应位置。
2025-01-22 21:49:44
402
原创 鸿蒙OH实战开发：XComponent + Vsync 实现自定义动画
XComponent 提供了应用在 native 侧调用 OpenGLES 图形接口的能力，本文主要介绍如何配合 Vsync 事件，完成自定义动画。在这种实现方式下，自定义动画的绘制不在 UI 主线程中完成，即使主线程卡顿，动画效果也不会受影响。
2025-01-21 21:37:00
367
原创 鸿蒙OH实战开发：配置ImageKnife请求头实现防盗链
目前许多网络图片资源有防盗链功能，需要在请求头中设置正确的Referer。本模块使用了第三方库imageknife，通过在请求头中添加Referer来获取防盗链图片功能。同时我们可以设置请求头中的其他参数，比如User-Agent来设置客户端，Origin设置来源，ETag来设置缓存等等。输入需要获取的图片URL和Referer。点击请求，等待下方出现图片。
2025-01-21 14:01:25
881
原创 鸿蒙OH实战开发：Lottie 动画库
Lottie是一个适用于OpenHarmony的动画库，它可以解析Adobe After Effects软件通过Bodymovin插件导出的json格式的动画，并在移动设备上进行本地渲染， 可以在各种屏幕尺寸和分辨率上呈现，并且支持动画的交互性，通过添加触摸事件或其他用户交互操作，使动画更加生动和具有响应性。
2025-01-20 21:35:03
253
原创 鸿蒙OH实战开发：首页下拉进入二楼效果案例
本示例主要介绍了利用position和onTouch来实现首页下拉进入二楼、二楼上划进入首页的效果场景，利用translate和opacity实现动效的移动和缩放，并将界面沉浸式（全屏）显示。
2025-01-20 13:37:40
711
原创 鸿蒙OH实战开发：语音录制和声音动效实现
本示例使用AVrecord录制音频和AVrecord的getAudioCapturerMaxAmplitude接口获取振幅实现UI动效;使用AVplayer播放音频。
2025-01-19 21:14:41
420
原创 鸿蒙OH实战开发：下拉展开图片和时间轴效果实现案例
下拉展开图片效果：初始时顶部图片只显示中间部分，其余部分，分别隐藏在屏幕上边缘和时间轴模块下方，随着下拉，图片会逐渐展开。时间轴效果：位于左边，虚线贯穿整个List，每个内容模块前都有一个时间轴节点。
2025-01-19 20:10:15
256
原创 鸿蒙OH实战开发：网格元素交换案例
直接进行交换和删除元素会给用户带来不好的体验效果，因此需要在此过程中注入一些特色的动画来提升体验效果，本案例通过Grid组件、attributeModifier、以及animateTo函数实现了拖拽动画和删除动画。
2025-01-18 21:09:53
955
原创 鸿蒙OH实战开发：悬浮窗拖拽和吸附动画
本示例使用position绝对定位实现应用内悬浮窗，并且通过animateTo结合curves动画曲线实现悬浮窗拖拽跟手和松手吸附边缘的弹性动画效果。
2025-01-18 19:08:02
898
原创 鸿蒙OH实战开发：跨文件样式复用和组件复用
本示例主要介绍了跨文件样式复用和组件复用的场景。在应用开发中，我们通常需要使用相同功能和样式的ArkUI组件，例如购物页面中会使用相同样式的Button按钮、Text显示文字，我们常用的方法是抽取公共样式或者封装成一个自定义组件到公共组件库中以减少冗余代码。
2025-01-17 14:45:51
718
原创 鸿蒙OH实战开发：图片九宫格封装案例
本示例介绍使用( Flex )组件实现图片在不同个数情况下的布局效果(默认布局和自定义布局)。该场景多用于社交类应用。
2025-01-16 21:37:30
795
原创 鸿蒙OH实战开发：页面间共享组件实例的案例
本示例提供组件实例在页面间共享的解决方案：通过 Stack 容器，下层放地图组件，上层放 Navigation 组件来管理页面，页面可以共享下层的地图组件，页面中需要显示地图的区域设置为透明，并参考 触摸交互控制 ，设置事件透传及响应区域。
2025-01-16 17:28:30
483
原创 鸿蒙OH实战开发：适配挖孔屏案例
本示例介绍使用屏幕属性 getDefaultDisplaySync、getCutoutInfo 接口实现适配挖孔屏。该场景多用于沉浸式场景下。
2025-01-16 13:48:54
335
原创 鸿蒙OH实战开发：短视频切换实现案例
短视频切换在应用开发中是一种常见场景，上下滑动可以切换视频，十分方便。本模块基于Swiper组件和Video组件实现短视频切换功能。
2025-01-15 21:32:45
391
原创 鸿蒙OH实战开发：发布图片评论
本示例将通过发布图片评论场景，介绍如何使用startAbilityForResult接口拉起相机拍照，并获取相机返回的数据。
2025-01-15 13:42:14
350
原创 鸿蒙OH实战开发：图片拖拽AI抠图案例
本示例介绍图片AI抠图案例的使用：通过 Image.enableAnalyzer(true) 实现长按图片抠图并拖拽/复制到其他应用中。
2025-01-14 21:31:32
288
原创 鸿蒙OH实战开发：全屏登录页面
本例介绍各种应用登录页面。全屏登录页面：在主页面点击跳转到全屏登录页后，显示全屏模态页面，全屏模态页面从下方滑出并覆盖整个屏幕，模态页面内容自定义，此处分为默认一键登录方式和其他登录方式。
2025-01-13 21:14:32
344
原创 鸿蒙OH实战开发：自定义TabBar
本示例主要介绍了TabBar中间页面如何实现有一圈圆弧外轮廓以及TabBar页签被点击之后会改变图标显示，并有一小段动画效果。
2025-01-13 14:09:28
445
原创 鸿蒙OH实战开发：评论组件案例实现
评论组件在目前市面上的短视频app中是一种很常见的场景，本案例使用 全局状态保留能力弹窗 来实现评论组件。点击评论按钮弹出评论组件，点击空白处隐藏该组件，再次点击评论按钮则会恢复上一次浏览的组件状态。
2025-01-12 22:07:07
353
原创 鸿蒙OH实战开发：定制HAP多目标构建产物
应用厂商会根据不同的部署环境，不同的目标人群，不同的运行环境等，将同一个应用定制为不同的版本，如国内版、国际版、普通版、VIP版、免费版、付费版等。针对以上场景，DevEco Studio支持通过少量的代码差异化配置处理，在编译构建过程中实现一个应用构建出不同的目标产物版本，从而实现源代码、资源文件等的高效复用。本案例展示如何将工程打包成不同版本，并单独配置资源文件，实现 定制多目标构建产物 功能。
2025-01-12 20:26:50
835
原创 鸿蒙OH实战开发：监听HiLog日志实现测试用例验证
日常中在进行测试用例验证时，会出现部分场景无法通过判断UI的变化来确认用例是否正常运行，我们可以通过监听日志的方式来巧妙的实现这种场景。本示例通过监听hilog日志的回调，判断指定日志是否打印，来确定测试用例的执行结果是成功还是失败。由于ArkTS没有注册日志回调的接口，示例通过Native来注册日志回调，并在Native的自定义日志处理函数中过滤用户传入的日志内容后回调ArkTS端的回调函数。
2025-01-10 22:08:46
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人