VGUS Next

外观

图库 ​

能做什么 ​

图库（对话框标题为「图库管理」）集中管理界面素材：浏览 离线图库 与 在线图库，预览后按需 改尺寸、改颜色，再 添加为图标 或 添加为图片 写入当前工程。在线图库覆盖图标与背景图两类来源，可按网络环境选用。

  • ✅ 添加为图标：写入工程树 图标组，供 变量图标、位变量图标 等控件引用。
  • ✅ 添加为图片：写入工程树 图片 节点，供 页面背景 或图片类显示控件使用。

打开入口 ​

  1. 先 打开或新建工程（未打开工程时无法写入项目资源）。
  2. 在窗口顶部点 工程，在 资源 分组点 图库。

也可在工程树中右键 图片 或 图标组 添加本地文件；图库适合按分类浏览、在线检索，并在导入前统一预览与改色、改尺寸。

补充说明

须 先打开或新建工程，才能执行「添加为图标 / 添加为图片」。

图库分类 ​

左侧分类树包含三类来源：

分类说明
离线图库软件内置分类：按钮、电池&充电、箭头、警告、进度条、密码&锁、复选框、声音、天气、智能互联、智能家居、其他
自定义分类用户自建分类；可新建、重命名、删除分类，并用 添加图标 导入本地 SVG/PNG/JPG/BMP
在线图库联网搜索图标与背景图；可指定单一来源或选 全部来源。满意的结果可 添加到常用图库 保存到本地

在线来源 ​

来源类型登录与配置网络
Iconify图标（多套开源集合）无需登录外网
Grida常用 UI 图标无需登录外网
IconPark图标（约 2600 个 Outline）无需登录；首次搜索会缓存图集，之后可离线检索国内网络
TDesign图标（偏中后台 / 工控界面）无需登录；首次搜索会缓存图集，之后可离线检索国内网络
iconfont矢量图标须登录 iconfont.cn，在 管理来源 中配置 Cookie国内网络
Pexels背景图（适合全屏 / 页面背景）须在 管理来源 中配置 API Key；请保留作者署名外网
Pixabay背景图（适合全屏 / 页面背景）须在 管理来源 中配置 API Key外网

在线搜索框支持 中文关键词（软件会自动尝试转换为英文检索词）。可在来源下拉框中选 全部来源 或指定单一来源。搜索进行中，搜索 按钮会变为 取消，可中止当前请求。结果较多时用 上一页 / 下一页 翻页，也可直接输入页码跳转。

首次使用 iconfont、Pexels 或 Pixabay 时，点 管理来源 配置 Cookie 或 API Key，并可按来源启用 / 禁用。无法联网时请改用 离线图库，并非软件异常。

💡 在线图库

图标类：Iconify、Grida、IconPark、TDesign、iconfont；背景图类：Pexels、Pixabay。搜索结果可 添加到常用图库 保存到自定义分类。

在图库左侧切换离线图库、自定义分类与在线图库，在线搜索关键词并将结果添加到常用图库

预览与调整 ​

选中素材后，右侧 预览 区显示效果，并可设置：

选项说明
保持原样勾选后按源文件原始尺寸与颜色导入；取消后可改宽高与颜色
大小设置调整宽度、高度；可 锁定比例
颜色设置对 SVG 素材改色预览；PNG/JPG/BMP 为只读位图，改色不生效
导出格式导入工程前选择 PNG、JPG 或 BMP（写入项目图片时 PNG 会转为 JPG）

改色说明

SVG 素材可在预览区改色；PNG / JPG / BMP 为只读位图，颜色设置不生效。

导入工程 ​

确认预览无误后，使用底部按钮写入工程（须已打开工程）：

添加为图标 ​

  1. 在工程树 图标组 节点下 先创建图标组（无图标组时软件会提示无法添加）。
  2. 在图库点 添加为图标，选择目标图标组并命名（软件按编号规则生成默认文件名）。
  3. 图标出现在所选图标组中，可在 变量图标 等控件的属性里引用。

添加为图片 ​

  1. 点 添加为图片，素材加入工程树 图片 节点。
  2. 在 工程管理 中为页面选择 背景类型 → 图片，或在需要图片资源的控件属性中引用。

⚠️ 两条导入路径不要混用

  • 页面背景、全屏底图 → 添加为图片（工程树 图片 节点）
  • 变量图标 等控件素材 → 添加为图标（须先在工程树创建 图标组）
在离线图库选素材并调整预览，演示添加为图标与添加为图片后工程树出现对应资源

管理本地图库 ​

操作说明
添加图标在离线图库某分类或 自定义分类 下，从本机导入 SVG/PNG/JPG/BMP
删除图标仅可删除 用户图库 中的文件；安装目录内置素材不可删
添加到常用图库在 在线图库 搜索结果中，将素材保存到指定自定义分类
在自定义分类新建分类并用添加图标导入本地文件，演示删除用户图库中的图标

注意

  • ⚠️ 须 先打开工程 再执行「添加为图标 / 添加为图片」。
  • ⚠️ 「添加为图标」前请在工程树创建 图标组；「添加为图片」无需图标组。
  • ⚠️ 背景图分辨率宜与工程分辨率一致，否则预览或屏端可能错位（见 工程管理）。
  • ⚠️ 在线素材受网络与第三方服务可用性影响：Iconify / Grida / Pexels / Pixabay 需外网；IconPark / TDesign / iconfont 需国内网络。纯内网请用离线图库。
  • ⚠️ iconfont、Pexels、Pixabay 须在 管理来源 中自行配置；Pexels 图片请保留作者署名。
  • 💡 同一素材重复导入可能产生重复资源，可在工程树中整理或复用已有项；也可用 工程分析 查看未引用素材。

相关 ​