Skip to content

图片管理

前言

在项目开发过程中我们可能会用到资源图片,这些资源图片可能是 cdn 地址,也可能是 UI 直接提供的图片素材。在 KOCA 低代码开发平台移动端的应用下提供了图片管理的方案,我们可以将图片上传到 KOCA 低代码开发平台 oss 中,这样即可以在低码设计器中使用并渲染这些图片,也可以在出码时只将用到的图片才导出到项目中,方便开发人员管理图片资源。

入口

单击应用管理中的包含移动端场景的应用卡片项,进入应用详情后,我们可以看到移动端图片管理选项卡。单击后,下面的内容区域的左侧将展示图片的目录树,默认选中根目录,如图所示:

可视化设计器

操作说明

将鼠标移动到目录树节点后,对应节点右侧出现操作项图标,包括:添加目录、编辑目录、删除目录。

单击添加目录图标,输入目录名称,点击确认后即可添加目录。

参数名参数解释
目录名目录名称。请注意:目录名只允许英文半角字符

单击修改目录图标,可重新修改目录名。

单击删除目录图标,如果此目录下的图片都未被使用,则可删除目录。

单击切换左侧的目录后,若此目录已经添加过图片,右侧内容会切换展示对应目录下的图片,以及在最后一个位置展示添加按钮,如图所示。

可视化设计器

单击添加按钮,选择要上传的图片文件。请注意:文件名只允许英文半角字符,且文件必须是image/\*图片类型。

使用

在上传图片后,就可以在移动端应用中使用了。如移动端配置管理的功能页面配置下的 tabbar 配置的选中/未选中图标处,或设计器中设计带有图片属性的组件时,会弹框选择 oss 图片。

具体操作

  1. 在移动端配置管理中单击图标/图片选择时,或单击设计器右侧属性面板中的图片属性输入框右侧图标,弹出图标/图片选择器
  2. 单击oss 图片标签项,切换到 oss 图片选取面板
  3. 单击第一个选择框,可以选择切换对应目录,下面的内容区域会展示该目录下的图片资源,也可以通过第二个输入框,过滤图片
  4. 单击需要使用的图片即可渲染,保存后生效

可视化设计器

可视化设计器