news 2026/5/19 16:26:23

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
HarmonyOS官方模板集成创新活动-流蓝卡片

介绍

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

实现过程

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

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

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

集成官方模板

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

1. 寻找合适的官方模板

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

官方模板地址:https://developer.huawei.com/consumer/cn/market/prod-list?origin=template&keyWord=华为模板&ha_source=9yhd&ha_sourceId=89000071



2. 下载安装

根据使用文档,点击集成

3. 调整相关依赖

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

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


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

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

这一部分权限需要在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开发最新信息,欢迎技术交流

我的博客: https://blog.zbztb.cn

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/1 23:38:06

Miniconda-Python3.10镜像中导出environment.yml文件的方法

Miniconda-Python3.10镜像中导出environment.yml文件的方法 在人工智能和数据科学项目日益复杂的今天,开发环境的“可复现性”早已不再是锦上添花的功能,而是工程实践中的基本要求。你是否曾遇到过这样的场景:本地训练成功的模型,…

作者头像 李华
网站建设 2026/5/12 12:20:34

Jupyter Notebook内核崩溃排查流程图解

Jupyter Notebook内核崩溃排查流程图解 在数据科学和人工智能开发中,没有什么比正当你训练一个关键模型时,Jupyter 内核突然“死亡”更令人沮丧的了。你眼睁睁看着进度条停在 80%,变量全部丢失,上下文清空——而屏幕上只留下一行冰…

作者头像 李华
网站建设 2026/5/15 8:19:47

新手教程:基于单片机的蜂鸣器电路设计实战案例

从“嘀”一声开始:手把手教你用单片机驱动蜂鸣器 你有没有想过,家里的微波炉“叮”一声是怎么来的?电梯到楼时的提示音、智能门锁的错误警报、甚至儿童玩具的音乐……背后往往都藏着一个不起眼的小元件—— 蜂鸣器 。 别看它小&#xff0c…

作者头像 李华
网站建设 2026/5/11 22:05:07

HTML5 WebSockets实现实时模型预测反馈

HTML5 WebSockets实现实时模型预测反馈 在深度学习日益普及的今天,越来越多的应用不再满足于“输入—等待—输出”的静态交互模式。无论是教学演示中希望实时观察模型注意力的变化,还是工业质检场景下需要毫秒级缺陷反馈,传统的HTTP请求-响应…

作者头像 李华
网站建设 2026/5/12 12:19:17

lvgl界面编辑器在温控系统中的项目应用

用 lvgl 界面编辑器打造工业级温控系统:从设计到落地的实战全解析你有没有经历过这样的场景?在开发一款数字温控仪时,明明控制算法已经调得八九不离十了,却因为界面太“简陋”被客户打回重做——按钮位置不对、字体看不清、温度曲…

作者头像 李华