告别素材焦虑!用 AI 一键生成鸿蒙项目图片素材

告别素材焦虑!用 AI 一键生成鸿蒙项目图片素材 [​](#告别素材焦虑!用 AI 一键生成鸿蒙项目图片素材 "#%E5%91%8A%E5%88%AB%E7%B4%A0%E6%9D%90%E7%84%A6%E8%99%91-%E7%94%A8-ai-%E4%B8%80%E9%94%AE%E7%94%9F%E6%88%90%E9%B8%BF%E8%92%99%E9%A1%B9%E7%9B%AE%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90")

万少:华为HDE、鸿蒙极客

个人主页:blog.zbztb.cn/

2025年参与孵化了20+鸿蒙应用、技术文章300+、鸿蒙知识库用户500+、鸿蒙免费课程2套。

如果你也喜欢交流AI和鸿蒙技术,欢迎扣我。

最近我在B站上进行不定期的免费鸿蒙技术直播,欢迎关注:space.bilibili.com/414874315?s...

程序员找素材,到底有多难?

做项目开发时,我们经常需要各种图片素材。但获取素材这件事,不同角色的体验天差地别:

企业开发:有专业 UI 设计师,直接找设计师要就完事了。

个人开发者:就只能自己想办法:

  • 手动去素材网站搜索、挑选、下载
  • 把素材引入工程
  • 在代码中使用

这一套流程走下来,没个十几二十分钟根本搞不定。更糟心的是,花半天找的素材还不一定满意。

我就一直在想:图片素材能不能像普通文本一样,直接让 AI 生成,然后插到工程里?

鸿蒙工程里怎么用图片?

在鸿蒙(HarmonyOS)开发中,使用图片主要分两步:

  1. 存放图片 :把图片放到 resources 目录或 rawfile 目录
  2. 代码引用 :在 .ets 文件中引入并使用

这个流程本身很简单,但问题卡在第一步------图片从哪来?

我的解决方案:AI 生成图片脚本 [​](#我的解决方案:AI 生成图片脚本 "#%E6%88%91%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88-ai-%E7%94%9F%E6%88%90%E5%9B%BE%E7%89%87%E8%84%9A%E6%9C%AC")

既然 AI 能写代码,那生成图片当然也不在话下。

我的做法是写一个脚本,通过 AI 图像生成接口来获取素材。成本很低,市面上主流的 AI 绘画服务(百度、阿里、火山等)生成一张图片大约 1~3 分钱

脚本的核心功能:

  • 接收一个参数:图片描述(文本字符串)
  • 调用 AI 图片生成接口
  • 返回图片文件流
  • 自动保存到指定位置

实现思路:

  1. 从各 AI 平台官网复制对应语言的 SDK 代码(比如 Python、Node.js 等)
  2. 把自己的 API Key 写入脚本
  3. 封装一个函数,传入图片描述,返回图片文件

实战:免费好用的图片生成服务

推荐一个我经常用的------智谱 AI 的图片生成服务:

🔗 bigmodel.cn/

免费额度对个人开发者来说完全够用,生成效果也很不错。

将生成图片的脚本直接放在鸿蒙工程内

将脚本包装成可以使用终端调用的文件

AI编辑器中直接对话生成

这里用上架应用-流蓝卡片 为例:

然后执行程序,得到结果


实际效果:

历史文章

  1. AI 玩转鸿蒙 (1):选择合适的AI开发工具

    mp.weixin.qq.com/s/HXbT60vzJ...

下期预告

用 AI 生成鸿蒙代码难免会有小语法错误。

下篇文章我来分享:如何让 AI 自动修复自己的代码错误,实现「生成即可用」的无缝体验。

相关推荐
见山是山-见水是水20 小时前
鸿蒙Divider 分割线组件完全指南:内容分组、视觉分区与自定义样式
华为·harmonyos
李姆斯21 小时前
为啥Agent在coding表现这么好,但是在别的领域就是差的不少?
前端·agent·ai编程
贾伟康1 天前
【知律|18】HarmonyOS ArkTS 权限与隐私实战:让 module.json5、功能说明和拒绝路径一致
harmonyos·arkts·隐私合规·appgallery·应用权限
晚安code1 天前
DeepSeek 多模态视觉理解模型上线:Agent 逼近 Opus-4.8
ai编程
用户938515635071 天前
从一个"房子"讲起:为什么 Next.js 是面向 AI 的全栈框架(附博客实战拆解)
ai编程·全栈·next.js
钱六两1 天前
Spring AI Advisor:一行代码解决 AI 应用"面条代码"
ai编程
让你三行代码QAQ1 天前
SpringAI-依赖问题
spring·ai编程
wangruofeng1 天前
1.17 万赞的 Claude 技能,源码只有 321 字节:拆解 Anthropic 内部疯传的 ELI5
aigc·ai编程·claude
Flynt1 天前
从 Claude Code 切到 Pi 跑了一阵,聊聊真实体感
agent·ai编程·claude
潘高1 天前
如何用AI做出高质量的PPT
ai编程