目录

HarmonyOS-Next应用开发案例大全-持续更新中2,腾讯T3亲自教你

目录

HarmonyOS Next应用开发案例大全-(持续更新中……)(2),腾讯T3亲自教你

​​​​​​** HarmonyOS Next 页面加载效果实现案例 **

本示例介绍Stack堆叠组件和LoadingProgress加载组件模拟首次进入页面实现页面加载的效果。加载完成后,LoadingProgress组件会消失并展示加载结果页(即商品页)。

https://i-blog.csdnimg.cn/blog_migrate/7b8d44011e12ed2025e63470ae068179.gif

​​​​​

本示例主要介绍Native如何将网络上的图片及Rawfile中的图片保存到应用沙箱中。

https://i-blog.csdnimg.cn/blog_migrate/ce82c3028e4ac6a1611e9f967c0bbee0.gif

​​​​

短视频切换在应用开发中是一种常见场景,上下滑动可以切换视频,十分方便。本模块基于Swiper组件和Video组件实现短视频切换功能。

https://i-blog.csdnimg.cn/blog_migrate/f3cae2904bcbb368cdb7e17ad71aaa7c.gif

​​​

本示例介绍城市选择场景的使用:通过AlphabetIndexer实现首字母快速定位城市的索引条导航。

https://i-blog.csdnimg.cn/blog_migrate/54fa955c875dc7681a3cbee7fd9bf19d.gif

​​

本示例介绍使用Stack组件实现多层级瀑布流。该场景多用于购物、资讯类应用。

https://i-blog.csdnimg.cn/blog_migrate/b3730332c3bec265954c1f7d8dfa0ac0.gif

本示例介绍使用includes方法对数据实现模糊查询

https://i-blog.csdnimg.cn/blog_migrate/9b97f3b7e742970a6c7c9571b51aa57e.gif

在很多应用中,swiper组件每一个page的高度是不一致的,所以需要swiper组件下方页面的高度跟着一起变化。

https://i-blog.csdnimg.cn/blog_migrate/a7928df82ffb1d4d0fcf682671fbdf51.gif

本示例介绍水波纹的特效。该场景多用于各种软件的按钮。

https://i-blog.csdnimg.cn/blog_migrate/bfbe6e2d4d66202dd7f38478a1d31408.gif

本示例介绍通过CustomDialogController类显示自定义日历选择器。

https://i-blog.csdnimg.cn/blog_migrate/70dec278dbdc55e4f5e7b9bc9f4b8580.gif

本示例介绍运用Stack组件以构建多层次堆叠的视觉效果。通过绑定Scroll组件的onScroll滚动事件回调函数,精准捕获滚动动作的发生。当滚动时,实时地调节组件的透明度、高度等属性,从而成功实现了嵌套滚动效果、透明度动态变化以及平滑的组件切换。

https://i-blog.csdnimg.cn/blog_migrate/4d47e222accc13714d398170fe1325ec.gif

本示例介绍使用Text、List等组件,添加点击事件onclick,动画,animationTo实现自定义Tab效果。

https://i-blog.csdnimg.cn/blog_migrate/c9ed3b19516f0b7734f3c9300cdad5a5.gif

本示例介绍在Worker子线程使用@ohos.zlib提供的zlib.decompressfile接口对沙箱目录中的压缩文件进行解压操作,解压成功后将解压路径返回主线程,获取解压文件列表。

https://i-blog.csdnimg.cn/blog_migrate/41b4d4992852f49e86c326e36c3c7512.gif

本示例分别通过onItemDrop()和onDrop()回调,实现子组件在Grid和List中的子组件位置交换。

https://i-blog.csdnimg.cn/blog_migrate/6360139f5143f02075d09f1b3bcb6cf4.gif

本示例介绍使用ArkUI中的容器组件FolderStack在折叠屏设备中实现音乐播放器场景。

https://i-blog.csdnimg.cn/blog_migrate/bd6bca943b5a9a065e50f0abdf454765.gif

本示例将通过发布图片评论场景,介绍如何使用startAbilityForResult接口拉起相机拍照,并获取相机返回的数据。

https://i-blog.csdnimg.cn/blog_migrate/d2a262b4d710eec69d50feaae853d048.gif

本示例介绍了Video组件和@ohos.window接口实现媒体全屏的功能。 该场景多用于首页瀑布流媒体播放等。

https://i-blog.csdnimg.cn/blog_migrate/c0e10fd0eb87eda370f3471d4977b3fd.gif

本示例介绍在Worker 子线程使用@ohos.zlib 提供的zlib.decompressfile接口对沙箱目录中的压缩文件进行解压操作,解压成功后将解压路径返回主线程,获取解压文件列表。

https://i-blog.csdnimg.cn/blog_migrate/7b5d80121451adc0304c4dabd066fde0.gif

本示例主要介绍在使用Navigation实现页面跳转时,如何在跳转页面得到转入页面传的类对象的方法。实现过程中使用了第三方插件class-transformer,传递对象经过该插件的plainToClass方法转换后可以直接调用对象的方法。

https://i-blog.csdnimg.cn/blog_migrate/192e9ebe41826aad89cc908ba0cc7191.gif

本示例将介绍如何使用动态路由跳转到模块中的页面,以及如何使用动态import的方式加载模块。

本示例介绍使用Scroll组件的滚动事件 onScroll 实现状态栏显隐变化。该场景多用于各种软件的首页、我的等页面中。

https://i-blog.csdnimg.cn/blog_migrate/63450ccacfc9ae7c40a766f4f17be700.gif

抖动动画和手机振动效果是手机使用时常见的效果。

https://i-blog.csdnimg.cn/blog_migrate/d0adc14ef7fd2c419972bf3cb4f41bb3.gif

本示例介绍如何使用Text组件实现验证码场景,并禁用对内容的选中、复制、光标。

https://i-blog.csdnimg.cn/blog_migrate/2bcf058977296b5be3aa1a00f79db2c5.gif

本示例通过模拟下载场景介绍如何将Native的进度信息实时同步到ArkTS侧。

https://i-blog.csdnimg.cn/blog_migrate/244ce375d8dc300b97013bc9c538b448.gif

翻页动效是应用开发中常见的动效场景,常见的有书籍翻页,日历翻页等。本例将介绍如何通过ArkUI提供的显示动画接口animateTo实现翻页的效果。

https://i-blog.csdnimg.cn/blog_migrate/903c27f76a2dd55d1543707fd303041f.gif

本示例介绍使用第三方库的PullToRefresh组件实现列表的下拉刷新数据和上滑加载后续数据。

https://i-blog.csdnimg.cn/blog_migrate/0e6e9c906420b23792b60cfdbf259838.gif

本示例介绍了文本宽度过宽时,如何实现文本首尾相接循环滚动并显示在可视区,以及每循环滚动一次之后会停滞一段时间后再滚动。

https://i-blog.csdnimg.cn/blog_migrate/c921022b883ea69050cf48abf197d666.gif

本示例介绍在开发应用以适应深色模式时,对于深色和浅色模式的适配方案,采取了多种策略。

https://i-blog.csdnimg.cn/blog_migrate/ed4147c3ee9322df7ff8ff4d19f49ed2.gif

本示例介绍了通过应用事件打点hiAppEvent获取上一次应用异常信息的方法,主要分为应用崩溃、应用卡死以及系统查杀三种。

https://i-blog.csdnimg.cn/blog_migrate/49db5729b818bb3fe293ca9527e5cfca.gif

本示例介绍图片相关场景的使用:包含访问手机相册图片、选择预览图片并显示选择的图片到当前页面,下载并保存网络图片到手机相册或到指定用户目录两个场景。

https://i-blog.csdnimg.cn/blog_migrate/2a2caea00f8c71ead07a5c5931add4b6.gif

对于多层嵌套的情况,比如二维数组,或者数组项class,或者class的属性是class,他们的第二层的属性变化是无法观察到的。@Observed/@ObjectLink装饰器可以解决。

https://i-blog.csdnimg.cn/blog_migrate/da642e96a78bb3514324bd645c17075e.gif

AKI提供了极简语法糖使用方式,一行代码完成JS与C/C++的无障碍跨语言互调,使用方便。本模块将介绍使用AKI编写C++跨线程调用JS函数场景,为开发者使用AKI提供参考。

https://i-blog.csdnimg.cn/blog_migrate/7b6999280beb4d1cd7bcb5f17f3a8695.gif

本示例介绍使用了Tab组件实现自定义增删Tab页签的功能。该场景多用于浏览器等场景。

https://i-blog.csdnimg.cn/blog_migrate/0c0ecc223146712f9c190a8777f57f68.gif

本示例介绍使用第三方库的Axios获取GBK格式的网络数据时,通过util实现GBK转换UTF-8格式。

https://i-blog.csdnimg.cn/blog_migrate/ea8423e3003c097b62eaec4d6893f2d0.jpeg

列表的编辑模式用途十分广泛,常见于待办事项管理、文件管理、备忘录的记录管理等应用场景。

https://i-blog.csdnimg.cn/blog_migrate/715bd31f09cc1ec8fa1c3deb399466e1.gif

二级联动是指一个列表(一级列表)的选择结果,来更新另一个列表(二级列表)的选项。

https://i-blog.csdnimg.cn/blog_migrate/b20536345c0154ce6cae5331b34d135e.gif

HarmonyOS Next阻塞事件冒泡案例

事件冒泡是指触发子组件事件的时候,事件会传递到父组件,这样会导致父组件的事件也会触发。

https://i-blog.csdnimg.cn/blog_migrate/f1326d4893b24ccd8c66e1f988221c06.gif

本模块基于Image组件实现了简单的图片预览功能,支持双指捏合等效果。

https://i-blog.csdnimg.cn/blog_migrate/8e2a411ec1bcfd736f05371e79f03341.png

主页使用WaterFlow+LazyForeEach实现了瀑布流场景。

https://i-blog.csdnimg.cn/blog_migrate/7363256f5fb5d7860e8bcf506be550bd.gif

在很多应用中,向上滑动"我的"页面,页面顶部会有如下变化效果:一部分信息逐渐隐藏,另一部分信息逐渐显示,同时一些组件会进行缩放或者位置移动。向下滑动时则相反。

https://i-blog.csdnimg.cn/blog_migrate/58cfcb2ce94c8b1641dfcb76a57b4784.gif

MpChart是一个包含各种类型图表的图表库,方便开发者快速实现图表UI。使用MpChart可以实现柱状图UI效果。

https://i-blog.csdnimg.cn/blog_migrate/2695aa91b8951b129459891c2e5c2df5.gif

本例介绍各种应用登录页面。在主页面点击跳转到全屏登录页后,显示全屏模态页面,全屏模态页面从下方滑出并覆盖整个屏幕,模态页面内容自定义,此处分为默认一键登录方式和其他登录方式。

https://i-blog.csdnimg.cn/blog_migrate/96e960cf9398b5d6e83e3868ccb29422.gif

HarmonyOS Next自定义TabBar案例

TabBar在大部分的APP当中都能够使用到,不同的APP可能存在不一样的TabBar样式,Tab组件自带的TabBar属性对于部分效果无法满足,如页签中间显示一圈圆弧外轮廓等, 因此我们需要去自己定义一个TabBar页签来满足开发的需要。

https://i-blog.csdnimg.cn/blog_migrate/eba798d9209a5fb25794de56cc49be29.png

HarmonyOS Next地址交换动画案例

在出行类订票软件中,一般都有此动画效果,点击交换后,起点和终点互换。

https://i-blog.csdnimg.cn/blog_migrate/13679e2bfb6972d442c85e50a482bf0d.gif

有很多小伙伴不知道学习哪些鸿蒙开发技术?不知道需要重点掌握哪些鸿蒙应用开发知识点?而且学习时频繁踩坑,最终浪费大量时间。所以有一份实用的 鸿蒙(HarmonyOS NEXT)资料 用来跟着学习是非常有必要的。

这份鸿蒙(HarmonyOS NEXT)资料包含了鸿蒙开发必掌握的核心知识要点,内容包含了 (**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等)鸿蒙(HarmonyOS NEXT)**技术知识点。

希望这一份鸿蒙学习资料能够给大家带来帮助,有需要的小伙伴自行领取, 限时开源,先到先得~无套路领取!!

如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员,可以直接领取这份资料

获取这份完整版高清学习路线,请点击→ 纯血版全套鸿蒙HarmonyOS学习资料


https://i-blog.csdnimg.cn/blog_migrate/15a41c202968249002b9e71d35d047b0.png

  • HarmonOS基础技能

https://i-blog.csdnimg.cn/blog_migrate/d15791a8d9157b12cf470e6e20e199cd.png

  • HarmonOS就业必备技能 https://i-blog.csdnimg.cn/blog_migrate/219a3f80b24947602f5ce80869c0f0d1.png
  • HarmonOS多媒体技术

https://i-blog.csdnimg.cn/blog_migrate/f76470c4171a878d5f6071f6d009b828.png

  • 鸿蒙NaPi组件进阶

https://i-blog.csdnimg.cn/blog_migrate/8755cfeac3a887ec19fb168f7164234c.png

  • HarmonOS高级技能

https://i-blog.csdnimg.cn/blog_migrate/1e210328c1ebf43f08d3b6c5f5c13b48.png

  • 初识HarmonOS内核 https://i-blog.csdnimg.cn/blog_migrate/24384aae472f78c055f7bf545467db7f.png
  • 实战就业级设备开发

https://i-blog.csdnimg.cn/blog_migrate/9b0c4eb9a30ca059d28eceb4727b593e.png

有了路线图,怎么能没有学习资料呢,小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的 鸿蒙(OpenHarmony )学习手册(共计1236页) 鸿蒙(OpenHarmony )开发入门教学视频 ,内容包含: ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。

获取以上完整版高清学习路线,请点击→ 纯血版全套鸿蒙HarmonyOS学习资料

https://i-blog.csdnimg.cn/blog_migrate/9b893c2a4956d6ce72b63212f9216eab.png

https://i-blog.csdnimg.cn/blog_migrate/343917b8910aff13b48316fe3db39da6.jpeg

OpenHarmony北向、南向开发环境搭建

https://i-blog.csdnimg.cn/blog_migrate/2e05bbd2cb0f05ec297905ba57f803c2.png

  • ArkTS语言
  • 安装DevEco Studio
  • 运用你的第一个ArkTS应用
  • ArkUI声明式UI开发
  • .……

https://i-blog.csdnimg.cn/blog_migrate/48e16dbee395ba8de1264149330856d4.png

  • Stage模型入门

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

https://i-blog.csdnimg.cn/blog_migrate/98499700421aef9bf0be6d10d009a531.png

https://i-blog.csdnimg.cn/blog_migrate/cd5684b6e7058c2999c396d39f518197.png

https://i-blog.csdnimg.cn/blog_migrate/257593e3147b36b7846bd3087624b065.png

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上HarmonyOS鸿蒙开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新

如果你觉得这些内容对你有帮助,可以添加VX:vip204888 (备注鸿蒙获取)

https://i-blog.csdnimg.cn/blog_migrate/9358d6126802bb6a5898447c714c7cb9.png

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

又漫长,而且极易碰到天花板技术停滞不前!**

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

[外链图片转存中…(img-MajbKxeY-1712664858056)]

[外链图片转存中…(img-LXFA6JDZ-1712664858057)]

[外链图片转存中…(img-5GomlcTH-1712664858057)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上HarmonyOS鸿蒙开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新

如果你觉得这些内容对你有帮助,可以添加VX:vip204888 (备注鸿蒙获取)

[外链图片转存中…(img-zp70np5X-1712664858057)]

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!