鸿蒙开发: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 小时前
【鸿蒙PC桌面端实战】从零构建 ArkTS 高性能图像展示器:DevEco Studio 调试与 HDC 命令行验证全流程
华为·harmonyos
stevenzqzq1 小时前
android启动初始化和注入理解3
android
前端世界2 小时前
设备找不到、Ability 启不动?一次讲清 DevEco Studio 调试鸿蒙分布式应用
华为·harmonyos
行者963 小时前
OpenHarmony上Flutter粒子效果组件的深度适配与实践
flutter·交互·harmonyos·鸿蒙
城东米粉儿3 小时前
compose 状态提升 笔记
android
冰淇淋真好吃3 小时前
iOS实现 WKWebView 长截图的优雅方案
ios
小溪彼岸3 小时前
uni-app小白从0开发一款鸿蒙Next应用到上线
uni-app·harmonyos
asing3 小时前
🤯 为什么我的收银台在鸿蒙系统“第一次返回”死活拦不住?一次差点背锅的排查实录
前端·harmonyos
粤M温同学4 小时前
Android 实现沉浸式状态栏
android
ljt27249606614 小时前
Compose笔记(六十八)--MutableStateFlow
android·笔记·android jetpack