告别素材焦虑!用 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 自动修复自己的代码错误,实现「生成即可用」的无缝体验。

相关推荐
闲看云起3 小时前
大模型应用开发框架全景图
人工智能·语言模型·ai编程
wszy18093 小时前
外部链接跳转:从 App 打开浏览器的正确姿势
java·javascript·react native·react.js·harmonyos
奋斗的小青年!!5 小时前
OpenHarmony Flutter 拖拽排序组件性能优化与跨平台适配指南
flutter·harmonyos·鸿蒙
sinat_384241095 小时前
HarmonyOS应用开发的trae cn全面实战指南
华为·harmonyos
小雨下雨的雨6 小时前
Flutter 框架跨平台鸿蒙开发 —— Stack 控件之三维层叠艺术
flutter·华为·harmonyos
FreeCode6 小时前
Agentic AI系统开发:智能体工程(Agent Engineering)的概念与方法
langchain·agent·ai编程
302AI6 小时前
大白话聊一聊:Skills就是给AI用的APP
agent·ai编程·claude
wangruofeng6 小时前
Flutter AI Coding 实战手册:可落地场景拆解 + 代码级实操方案
aigc·ai编程·cursor
程序员Agions7 小时前
AI 写的代码有 48% 在"胡说八道":那些你 npm install 的包,可能根本不存在
前端·ai编程