HarmonyOS Next应用开发案例大全-(持续更新中……)(1)

​​​​​

HarmonyOS NEXT 自定义Swiper卡片预览效果实现

本方案做的是采用Swiper组件实现容器视图居中完全展示,两边等长露出,并且跟手滑动效果。

card_swiper_animation.gif

​​​​​​​​​​​​​​​​​​​​​​​**HarmonyOS NEXT 使用Web组件预览PDF文件实现案例**

本案例通过Web组件实现预览本地PDF文件和预览网络PDF文件,第一个Web组件利用resource协议关联本地PDF文件路径以预览本地存储的PDF资源;第二个Web组件则通过配置网络链接属性,实现从互联网加载并预览远程PDF文件内容。

web_pdf_viewer.gif

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS NEXT 使用Navigation实现多设备适配案例

在应用开发时,一个应用需要适配多终端的设备,使用Navigation的mode属性来实现一套代码,多终端适配。

multi_device_adaptation.gif

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS NEXT 使用PixelMap深拷贝案例

在图片开发过程中经常会涉及到PixelMap的深拷贝,本例通过使用PixelMap的readPixelsToBuffer方法来实现深拷贝。在创建源PixelMap的时候,需要将解码参数设置为BGRA_8888,而在深拷贝创建目标PixelMap的时候需要将解码参数设置为RGBA_8888。

image_depthcopy.gif

HarmonyOS NEXT 跨文件样式复用和组件复用案例

本示例主要介绍了跨文件样式复用和组件复用的场景。在应用开发中,我们通常需要使用相同功能和样式的ArkUI组件,例如购物页面中会使用相同样式的Button按钮、Text显示文字,我们常用的方法是抽取公共样式或者封装成一个自定义组件到公共组件库中以减少冗余代码。

dynamic_attributes.gif

​​​​​​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 图片九宫格封装案例

本示例介绍使用(Flex) 组件实现图片在不同个数情况下的布局效果(默认布局和自定义布局)。该场景多用于社交类应用。

images_aligned.gif

​​​​​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 数据库版本升级案例

本示例介绍使用关系型数据库的接口来进行数据库升降级场景实现

database_upgrade.gif

​​​​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 应用新功能引导实现案例

本文介绍如何使用high_light_guide三方库完成应用新版本功能导航。通过高亮区域与蒙版背景的明暗度对比,让用户快速锁定重点功能,了解版本变更和业务入口。

direct.gif

​​​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 监听HiLog日志实现测试用例验证

本示例通过监听hilog日志的回调,判断指定日志是否打印,来确定测试用例的执行结果是成功还是失败。由于ArkTS没有注册日志回调的接口,示例通过Native来注册日志回调,并在Native的自定义日志处理函数中过滤用户传入的日志内容后回调ArkTS端的回调函数。

HiLogMonitor.gif

HarmonyOS Next 正确配置ImageKnife请求头实现防盗链功能

本案例使用了第三方库imageknife,通过在请求头中添加Referer来获取防盗链图片功能。也可以基于此功能设置请求头中的其他参数,例如User-Agent、Origin甚至ETag等等。

image_theft.gif

​​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 手写绘制及保存图片案例

本示例使用drawing库的Pen和Path结合NodeContainer组件实现手写绘制功能,并通过image库的packToFile和packing接口将手写板的绘制内容保存为图片。

hand_wring_to_image.gif

​​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 多模态页面转场动效实现案例

本示例介绍多模态页面转场动效实现:通过半模态转场实现半模态登录界面, 与全屏模态和组件转场结合实现多模态组合登录场景,其中手机验证码登录与账号密码登录都为组件, 通过TransitionEffect.move()实现组件间转场达到近似页面转场的效果。

multi_modal_transition.gif

​​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 一镜到底“页面转场”动画

本方案做的是页面点击卡片跳转到详情预览的转场动画效果

transition_animation.gif

​​​​​​​​​​​​​​​​​​​​

HarmonyOS Next 实现Swiper指示器导航点位于Swiper下方

本示例介绍通过分割swiper区域,实现指示器导航点位于swiper下方的效果。

indicator_below_swiper.gif

HarmonyOS Next
  • 19
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值