HarmonyOS官方模板集成创新活动-流蓝卡片

HarmonyOS官方模板集成创新活动-流蓝卡片

介绍

流蓝卡片是一款适配了的鸿蒙6-API20的HarmonyOS应用,目的在于给用户提供方便、简单的方式创建好看的卡片,用于将卡片发布到各种社交平台上。

实现过程

​ 目前是AI Codeing的时代,流蓝卡片其实也是基于AI Coding的产物,人工参与代码部分不超过5%。

​ 这款应用用到的亮点技术有:GLM4.6 + Gemini-3-pro + 智谱图片生成 + command line 构建鸿蒙工程。

​ 这套技术组成可以极大方便我开发鸿蒙应用。

集成官方模板

​ 考虑到流蓝卡片目前是一个工具类型的应用,所以需要开发更多的一些相关工具,由于官方模板中提供了众多能力,这里就直接接入官方模板的-通用工具模板了。

1. 寻找合适的官方模板 [​](#1. 寻找合适的官方模板 "#_1-%E5%AF%BB%E6%89%BE%E5%90%88%E9%80%82%E7%9A%84%E5%AE%98%E6%96%B9%E6%A8%A1%E6%9D%BF")

在该网址中寻找你想要的官方模板,进行下载使用。

官方模板地址:developer.huawei.com/consumer/cn...



2. 下载安装 [​](#2. 下载安装 "#_2-%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85")

根据使用文档,点击集成

3. 调整相关依赖 [​](#3. 调整相关依赖 "#_3-%E8%B0%83%E6%95%B4%E7%9B%B8%E5%85%B3%E4%BE%9D%E8%B5%96")

​ 根据自己当前工程需要,来调整引入的方式,如

Entry 模块引入 Home模块,Home模块引入所有的工具模块


4. 开发调试以及发布上架 [​](#4. 开发调试以及发布上架 "#_4-%E5%BC%80%E5%8F%91%E8%B0%83%E8%AF%95%E4%BB%A5%E5%8F%8A%E5%8F%91%E5%B8%83%E4%B8%8A%E6%9E%B6")

​ 由于工具中需要用到不少硬件资源,所以需要申请相关权限。

这一部分权限需要在AGC平台上进行申请,接着跟着生成最新的调试和发布证书,否则开发调试和上架都会因为权限问题导致失败。

流蓝卡片卡片的技术亮点

  1. V2状态管理 - 全面采用@ObservedV2、@Trace、@ComponentV2等新一代状态管理技术
  2. HAR模块化架构 - 30+独立HAR组件包,可独立开发、测试和发布
  3. ZRouter路由方案 - 基于Navigation的声明式路由管理
  4. 关系型数据库 - 完整的RdbManager + CardTable/InspirationTable/TemplateTable封装
  5. 流畅动画 - 入场阶梯式动画,opacity + translate + delay实现平滑过渡
  6. 浮动TabBar - 自定义底部导航栏,带浮动"+"按钮和阴影效果
  7. @Extend组件扩展 - 提高代码复用性
  8. AppStorage全局状态 - 跨页面状态共享
  9. 多环境构建 - 调试/发布双环境配置
  10. 丰富工具生态 - 30+实用工具(计算、测量、创作、实用类)

总结

鸿蒙模板市场中提供了大量优质的三方组件和模板,提高了开发者开发同类功能的效率,点赞。

如果你也想要了解HarmonyOS开发最新信息,欢迎技术交流

我的博客: blog.zbztb.cn

目前我们上架的作品也已经达到了20+个。

关于青蓝逐码组织

如果你兴趣想要了解更多的鸿蒙应用开发细节和最新资讯甚至你想要做出一款属于自己的应用!欢迎在评论区留言或者私信或者看我个人信息,可以加入技术交流群。

相关推荐
陈广亮3 分钟前
工具指南7-Unix时间戳转换工具
前端
NGBQ1213810 分钟前
Adobe-Premiere-Pro-2026-26.0.2.2-m0nkrus 全解析:专业视频编辑软件深度指南
前端·adobe·音视频
北城笑笑11 分钟前
Chrome:Paused in debugger 的踩坑实录:问题排查全过程与终极解决方案( 在调试器中暂停 )
前端·chrome
haorooms13 分钟前
Promise.try () 完全指南
前端·javascript
kyriewen14 分钟前
闭包:那个“赖着不走”的家伙,到底有什么用?
前端·javascript·ecmascript 6
斌味代码17 分钟前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js
该怎么办呢18 分钟前
cesium核心代码学习-01项目目录及其基本作用
前端·3d·源码·webgl·cesium·webgis
SuperHeroWu719 分钟前
如何判断应用在鸿蒙卓易通或者出境易环境下?
华为·harmonyos
踩着两条虫25 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(十九):CLI与工具链之Create VTJ CLI 参考
前端·ai编程·vite
天下无贼!36 分钟前
【Python】2026版——FastAPI 框架快速搭建后端服务
开发语言·前端·后端·python·aigc·fastapi