欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > 【Harmony Next】在鸿蒙项目中一键添加卡片

【Harmony Next】在鸿蒙项目中一键添加卡片

2024/11/30 12:28:25 来源:https://blog.csdn.net/weixin_48952056/article/details/140996653  浏览:    关键词:【Harmony Next】在鸿蒙项目中一键添加卡片

【Harmony Next】在鸿蒙项目中一键添加卡片

1.下载鸿蒙编译器DevEco Studio的插件DevEco CodeGenie【下载链接】

01.png

在华为的编译器现在官网下面可以下载DevEco CodeGenie的压缩包,安装后可以使用DevEco CodeGenie进行智能问答、生成卡片、知识查询等操作

2.安装DevEco CodeGenie

下载后的压缩包不需要解压,按照官方的操作指南进行安装

02.png

安装成功后在编译器右侧会有显示

03.png

3.使用DevEco CodeGenie快速为项目添加卡片

选择万能卡片

04.png

根据个人的项目需求填写生成的规则:当前描述无法生成卡片,请更正您的描述,可以参考以下信息维度和输入样例:

  • 尺寸:目标卡片的大小,可选择范围:12(微卡片)、22(小卡片)、24(中卡片)、44(大卡片)
  • 用途:卡片主要用途/主题
  • 展示元素:卡片上展示的内容,如不同的功能的图文信息等
  • 包含组件:卡片包含的组件,如图标icon相关组件,logo相关组件,导航菜单组件,跳转按钮相关组件等

输入样例:

  1. 我想要一个美食推荐卡片,有个标题是美味尽享,还要有热门的几种美食的图文展示
  2. 我想制作一个新品上市公告卡片,主要展示新品上市的图文信息,以及商城的图片logo。每个新品都需要有一个跳转链接到对应的商品详情页。

06.png

输入开始后生成你想要的卡片样式

4.卡片生成成功后可以快速预览

有些版本会出现预览失败,不过不影响最终的效果,直接保存到工程就可以实现一键为项目添加卡片

05.png

07.png

08.png

5.生成成功过后运行项目长按应用图标就会出现添加卡片

gif.gif

6.关于卡片的具体开发

这种快捷生成的方式减少了开发时间,但是适用性不是很强具体的需求可以根据项目的需求来进行更改,卡片的详细开发方式参考官方文档

09.png

本文由博客一文多发平台 OpenWrite 发布!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com