鸿蒙开发:CodeGenie万能卡片生成

前言

本文基于Api13, DevEco Studio 5.0.5 Release

CodeGenie是DevEcoStudio中一个自带的AI工具,在之前的文章中,也写过两篇文章,主要针对代码生成、知识问答和编译报错智能分析做了概述,唯独忘记了介绍它的另一个十分强大的功能,那就是万能卡片生成。

卡片手动是如何创建的

了解AI自动生成之前,我们先回顾一下,手动我们是如何创建一个卡片的,是不是在已有的应用工程中,通过右键新建卡片的,可以选择静态也可以选择动态。

然后再去选择一个模块:

接着配置服务卡片信息:

然后就生成一个服务卡片,手动生成的也是十分的简单,但是需要我们按照UI进行绘制视图,而CodeGenie中的万能卡片则不然,它会按照我们的指令,生成我们的样式,后期只需要简单更改便可以,相对来说,还是比较的便捷

万能卡片生成

打开CodeGenie,在对话区域下拉框中选择Service Widget模型,然后就可以在输入框中,输入我们的卡片需求,你可以进行多次交互提示,不断完善生成的需求。

比如我简单的指令如下,在实际的调用中,指令尽量要详细一点,生成的才会更加的贴近我们想要的效果,它会进行二次确认,输入YES即可。

它一般会帮我们生成3张卡片,当然了是包含预览效果图的,我们可以选择其中一张比较符合进行使用,也可以继续让AI帮我们调整UI。

生成的效果如下:

卡片1:

卡片2:

卡片3:

当然了,生成的不一定是百分之百符合我们的需求的,我们需要做的就是,不断的让AI自我调整,直至差不多的时候,我们就可以应用到我们的项目中,点击Save to Project按钮即可。

确认卡片的相关信息:

它会自动的把卡片相关文件生成到我们的项目中,包含UI代码,资源,相关配置等,一切都是自动化配置。

运行之后,我们自动生成的卡片就完成了,效果如下:

相关总结

上面我们只概述了一种代码保存,那就是自动保存卡片工程,它会把所有的代码,资源以及配置进行保存,当然了,它还有手动的保存的方式,那就是右侧的三个选项:

点击第一个代码,在卡片的下面就会把当前的卡片代码进行展示,我们可以进行查看和复制使用。

第二个按钮,我们可以看到卡片的配置信息,同样,我们也可以进行查看和复制使用。

第三个按钮就是单独的文件保存了。

综合而言,如果大家想要方便,还是直接保存工程就行。

本文标签:鸿蒙开发工具/CodeGenie

相关推荐
一只大侠的侠14 分钟前
Flutter开源鸿蒙跨平台训练营 Day11从零开发商品详情页面
flutter·开源·harmonyos
一只大侠的侠27 分钟前
React Native开源鸿蒙跨平台训练营 Day18自定义useForm表单管理实战实现
flutter·开源·harmonyos
一只大侠的侠33 分钟前
React Native开源鸿蒙跨平台训练营 Day20自定义 useValidator 实现高性能表单验证
flutter·开源·harmonyos
山水域1 小时前
SKAdNetwork 6.0 深度实战:多窗口转化值(Conversion Value)建模与数据分层架构
ios
doupoa1 小时前
内存指针是什么?为什么指针还要有偏移量?
android·c++
听麟2 小时前
HarmonyOS 6.0+ 跨端智慧政务服务平台开发实战:多端协同办理与电子证照管理落地
笔记·华为·wpf·音视频·harmonyos·政务
前端世界2 小时前
从单设备到多设备协同:鸿蒙分布式计算框架原理与实战解析
华为·harmonyos
非凡ghost2 小时前
PowerDirector安卓版(威力导演安卓版)
android·windows·学习·软件需求
JavinLu2 小时前
ios 配置了代理且使用 chls.pro/ssl 下载不了证书,无法弹出下载证书的提示问题
网络协议·ios·ssl
独行soc2 小时前
2026年渗透测试面试题总结-19(题目+回答)
android·网络·安全·web安全·渗透测试·安全狮