HarmonyOSAI编程万能卡片生成(一)

基于AI大模型理解开发者的卡片需求信息,通过对话式的交互智能生成HarmonyOS万能卡片工程。

使用约束

  1. 建议从以下维度描述卡片需求:

  2. 当前不支持在生成卡片预览图后继续描述需求进行增量修改。

万能卡片生成

  1. 在对话区域输入"/",选择Service Widget,输入生成的万能卡片需求并发送,可以根据模型的提示进行多轮交互,不断完善需求。DevEco Studio 6.0.0 Beta1之前的版本,请在对话区域下拉框中选择Service Widget后输入需求。
  1. 需求描述完成后,智能生成卡片(1~3张)及预览效果图。

生成效果示例:

保存生成的卡片

  1. 点击

    快捷键可查看生成卡片的UI代码、配置信息和下载静态资源文件。

  2. 保存卡片工程有两种方式:

方式一:使用代码/配置查看窗口的"复制"、"插入"或"创建文件"等按钮手动保存卡片代码和配置信息。

方式二:点击"保存工程"按钮自动保存卡片工程,卡片代码、配置、静态资源文件等会自动保存到工程对应目录中。默认勾选保存逻辑代码,逻辑代码用于配置卡片事件及卡片数据等信息。具体请参考自定义配置逻辑代码。

流程示例:

本文主要从参考引用自HarmonyOS官方文档

相关推荐
奋斗的小青年!!2 小时前
鸿蒙使用Flutter粒子效果实战
flutter·harmonyos·鸿蒙
AlbertZein5 小时前
HarmonyOS下饭菜时间 -- @Monitor
harmonyos
AlbertZein5 小时前
HarmonyOS一杯冰美式的时间 -- UIUtils基础功能
harmonyos
行者967 小时前
Flutter与OpenHarmony跨平台分享组件深度实践
flutter·harmonyos·鸿蒙
行者967 小时前
Flutter跨平台开发在OpenHarmony上的评分组件实现与优化
开发语言·flutter·harmonyos·鸿蒙
孟健8 小时前
出海圈都说好用的 Claude Skills,我用 Codex 试了一遍:UI/UX 直接起飞大家好,我是孟健。 最近我研究了一下出海圈很多人都在用、并且口碑
ai编程·claude
不一样的故事1269 小时前
下的 “Wi-Fi参数配置” 列表,但您当前选中的导航菜单项是 “IP规划”。您遇到的 “IP加载不出来” 问题,很可能
网络协议·tcp/ip·华为
90后的晨仔9 小时前
HarmonyOS 多模块项目中的公共库治理与最佳实践
harmonyos
用户479492835691511 小时前
拒绝傻瓜式截断 Diff:聊聊我在 AI Commit 插件里做的 7 个技术微创新
ai编程·trae·vibecoding
嗡嗡嗡qwq12 小时前
Claude Code体验-ai高级工程师
ai编程·claude code