阅读视图

发现新文章，点击刷新页面。

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

掘金前端

万少

2025年12月31日 02:17

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

介绍

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

实现过程

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

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

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

集成官方模板

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

1. 寻找合适的官方模板

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

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

2. 下载安装

根据使用文档，点击集成

3. 调整相关依赖

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

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

4. 开发调试以及发布上架

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

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

流蓝卡片卡片的技术亮点

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

总结

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

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

我的博客： blog.zbztb.cn

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

关于青蓝逐码组织

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

【鸿蒙心迹】-03-自然壁纸实战教程-项目结构介绍

掘金前端

万少

2025年12月24日 15:25

03-自然壁纸实战教程-项目结构介绍

架构选型

按照目前主流的鸿蒙应用开发来讲，基本都是推荐三层架构-一次开发-多端部署，因为主要考虑到多端适配，那么这个选型是必然的了。但是自然壁纸当初的立项的出发点比较简单，怎么快怎么来，所以就直接选择了单HAP架构。

单HAP架构

对于单窗口应用的APP工程，其仅包含一个Entry类型的HAP。划分的模块则根据是否有按需加载的需求，来考虑采用HAR模块和

HSP模块。

注意，正常开发的工程是不会把设计稿放在工程内的，这里存放只是为了方便学习者直接拿到，不另外存储而已！

多HAP工程

对于同一个设备类型，如果要实现不同的独立功能模块，并且相对独立，以及具有单独的入口的功能特性，建议做成一个独立特性的HAP，按需下载安装。此时一个App包中，就会有多个HAP包，其中有且仅有一个Entry类型的HAP，其他的均是Feature类型的HAP。多HAP之间业务独立，但是可能会有业务能力共享，所以在进行模块化设计时，需要根据是否具有公共能力来进行选择。

核心目录结构

核心目录结构也比较常规

├── components\          # 组件目录
├── const\               # 常量定义目录
├── entryability\        # 入口能力目录
├── entryformability\    # 入口表单能力目录
├── pages\               # 页面目录
├── services\            # 通用逻辑服务目录
├── utils\               # 工具类目录
├── viewModel\           # 视图模型目录
├── views\               # 视图目录
└── zrbzwidget\          # 卡片组件目录