鸿蒙开发：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