阅读视图

发现新文章,点击刷新页面。

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

告别素材焦虑!用 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 平台

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

image-20260112130734993

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

image-20260112130828662

AI编辑器中直接对话生成

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

image-20260112131139741

然后执行程序,得到结果

image-20260112131456935


实际效果:

PixPin_2026-01-12_13-17-11

历史文章

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

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

下期预告

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

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

一个纯前端的网站集合管理工具

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

浏览器唤起本地桌面应用(基础版)

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

12个例子掌握RxJs——1、expand

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

uni-app实现网络离线定位

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

内存泄露排查之我的微感受

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

Webpack 生命周期原理深度解析

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