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

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

使用约束

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

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

万能卡片生成

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

生成效果示例:

保存生成的卡片

  1. 点击

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

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

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

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

流程示例:

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

相关推荐
森之鸟2 分钟前
鸿蒙审核常见问题避坑指南_Scroll嵌套List_Grid滑动优化
华为·harmonyos
小邓睡不饱耶7 分钟前
实战|W餐饮平台智能化菜品推荐方案(含Spark实操+算法选型+完整流程)
python·ai·ai编程·ai写作
飞哥数智坊12 分钟前
TRAE Friends@济南第3场圆满落幕,一次技术平权的具象化冲击
ai编程·trae
一只大侠的侠12 分钟前
Flutter开源鸿蒙跨平台训练营 Day19自定义 useFormik 实现高性能表单处理
flutter·开源·harmonyos
早點睡39017 分钟前
高级进阶 React Native 鸿蒙跨平台开发:react-native-device-info 设备信息获取
react native·react.js·harmonyos
阿钱真强道20 分钟前
13 JetLinks MQTT:网关设备与网关子设备 - 温控设备场景
python·网络协议·harmonyos
一只大侠的侠6 小时前
Flutter开源鸿蒙跨平台训练营 Day 10特惠推荐数据的获取与渲染
flutter·开源·harmonyos
一切尽在,你来10 小时前
第二章 预告内容
人工智能·langchain·ai编程
草梅友仁10 小时前
墨梅博客 1.4.0 发布与开源动态 | 2026 年第 6 周草梅周报
开源·github·ai编程
御承扬12 小时前
鸿蒙NDK UI之文本自定义样式
ui·华为·harmonyos·鸿蒙ndk ui