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

相关推荐
遇到困难睡大觉哈哈1 天前
HarmonyOS —— Remote Communication Kit 拦截器(Interceptor)高阶定制能力笔记
笔记·华为·harmonyos
安卓理事人1 天前
安卓图表MpAndroidChart使用
android
遇到困难睡大觉哈哈1 天前
HarmonyOS —— Remote Communication Kit 定制处理行为(ProcessingConfiguration)速记笔记
笔记·华为·harmonyos
氤氲息1 天前
鸿蒙 ArkTs 的WebView如何与JS交互
javascript·交互·harmonyos
遇到困难睡大觉哈哈1 天前
HarmonyOS支付接入证书准备与生成指南
华为·harmonyos
赵浩生1 天前
鸿蒙技术干货10:鸿蒙图形渲染基础,Canvas绘图与自定义组件实战
harmonyos
奋斗的小鹰1 天前
在已有Android工程中添加Flutter模块
android·flutter
赵浩生1 天前
鸿蒙技术干货9:deviceInfo 设备信息获取与位置提醒 APP 整合
harmonyos
介一安全1 天前
【Frida Android】实战篇13:企业常用非对称加密场景 Hook 教程
android·网络安全·逆向·安全性测试·frida
BlackWolfSky1 天前
鸿蒙暂未归类知识记录
华为·harmonyos