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

万少：华为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 能写代码，那生成图片当然也不在话下。

我的做法是写一个脚本，通过 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 自动修复自己的代码错误，实现「生成即可用」的无缝体验。

React 终于解决了它最大的问题：useEffectEvent 的妙用 如果问你 React 最大的 bug 来源是什么，你会说什么？大多数人都会说 useEffect。这个名字很奇怪的 Hook

本文将带你体验如何用一句话生成一个具备完整工程化架构的网站，并深入解析AI如何同时搞定前端、后端与数据库。

本地化网站管理平台 一个纯前端的网站集合管理工具，支持本地数据存储、完整的CRUD操作，可作为 Chrome 扩展使用。 功能特性 核心功能 ✅ 网站管理：完整的增删改查功能 ✅ 图片上传：支持上传网

先确立声明式 UI 与状态驱动，再用 Navigation + NavPathStack 做统一的页面调度，让子页以 NavDestination 承载，把入口页写进 main_pages.json。

一、Provider 概述 Provider 是 Flutter 官方推荐的状态管理库，它基于 InheritedWidget 实现，通过依赖注入的方式在 Widget 树中高效地共享和管理状态。Pr

浏览器唤起本地桌面应用(基础版) 🧩 背景 有时候我们希望从网页一键跳转到本地桌面端软件，桌面端可能是公司内部开发，也可能是第三方开发，提升用户体验，加强软件联动性。 例如我们打开百度网盘的web端，

RxJS 实战：使用 expand 操作符实现链式递归请求 概述 在实际开发中，我们经常需要处理分页数据。有时候，我们需要一次性加载多页数据，而不是等待用户点击"下一页"。本章将介绍如何使用 RxJS

在开发企业级后台管理系统（Admin Dashboard）时， “左侧固定菜单 + 右侧动态内容” 是最经典的布局模式。同时，我们通常还需要一个独立的登录页面，它不包含菜单栏，而是全屏显示。 在使用

熟悉的朋友知道我最近一段时间在搞安卓方面的内容，使用uni-app开发的这段时间总算是体会到了网上兄弟们的心声。 怎么说呢？难以言喻！想要无能狂怒的叱骂，却又不得不默默的翻看API文档一点点的摸索..

一、 什么是里氏替换？（别背公式，看人话） 教科书上说： “若对每个类型 S 的对象 o1，都存在一个类型 T 的对象 o2，使得在所有针对 T 编写的程序 P 中，用 o1 替换 o2 后，程序 P

🚀 HTML 面试题目速查清单：从规范到引擎的“架构级答案” 你背得出标签、也写得出页面，只能算“会用”。面试官真正想确认的是：你能否把 规范（The Law）、引擎（The Metal）、工程收益（

背景 之前我们也讨论过，内存泄露对 前端性能的影响，但是对于脚本语言的开发者，内存这件事貌似是个黑盒，且很容易让我们忽略，这几天直观看到了js代码如何影响着内存，简单学习了内存泄露的排查方法，分享给大

我最近也迷上了看短剧，剧中主角反转、逆袭、打脸和不断地爽点可以让我短暂遗忘掉工作的苦闷，沉浸在主角的世界里仿佛一切都很惬意。 直到手机电量过低，我才被一把拽回现实……

Webpack 生命周期原理深度解析 Webpack 的生命周期是一个复杂的异步工作流，理解其原理对于优化构建和开发插件至关重要。下面本文将从架构设计、核心流程和扩展机制三个维度进行解析。 一、架构设

这个周末我失业了🤣。 起因很简单：公司项目原因，我需要给订阅列表里的几千个用户发一封更新通知。 市面上的邮件营销工具（Mailchimp 之类）死贵，还要一个个导入联系人；自己写脚本吧，以前得折腾半天

前端算法必备：滑动窗口从入门到很熟练（最长/最短/计数三大类型） 在算法面试中，子串、子数组相关的问题频繁出现，暴力枚举往往因 O(n²) 时间复杂度超时。而滑动窗口算法，凭借其 O(n) 的高效性能

前端算法必备：双指针从入门到很熟练（快慢指针+相向指针+滑动窗口） 📑 目录 一、双指针是什么？ 二、双指针的分类 2.1 快慢指针 2.2 左右指针（相向指针） 2.3 同向指针（滑动窗口） 2.3

在 Vue3 中，当拖拽节点成功后配置自定义属性值，主要有两种方式：一种是在拖拽时通过 startDrag方法直接传入初始属性，另一种是在节点被添加到画布后通过事件监听来动态设置属性。下面是一个清晰的