Skip to content

界面布局概览 (Interface Overview)

Sharp Stock 采用了直观的“三栏式”布局,结合顶部的多功能操作栏,旨在为美术与策划人员提供高效、便捷的资产管理体验。

界面主要由以下四个功能区域组成:

Sharp Stock 主界面


1. 顶部操作栏 (Top Bar)

顶部栏位于界面中心上方,集成了全局搜索、过滤及排序等核心功能。

顶部栏整体截图

  • 智能搜索框
    • 关键词检索:输入关键字即可实时筛选匹配项。
    • 搜索范围配置:通过搜索框旁的复选框,可自由组合 文件名 (Filename)备注 (Description)标签 (Tag) 三个搜索维度。
    • 进阶技巧请参考 搜索与过滤
  • 过滤面板
    • 点击搜索栏右侧的“筛选”图标,可按 文件类型(如 Spine、音频、图像、文件夹等)或 文件大小 进行精准筛选。
    • 已启用的过滤条件将以标签形式显示,支持随时移除或一键重置。
  • 排序模式
    • 支持按文件名、修改日期、文件大小等多种逻辑对资产进行排序。

2. 左侧导航栏 (Left Sidebar)

左侧栏是资产库的目录核心,提供了树形结构的层级导航及全局操作入口。

左侧栏

  • 文件夹树 (Folder Tree)
    • 完整展示资产库的物理目录结构。
    • 协作状态标识:支持在文件夹上显示 SVN 修改、冲突或更新状态图标。
  • 团队协作操作
    • 提交 (Commit):打开全局提交面板,一键提交库中所有本地变更。
    • 更新 (Update):从 SVN 服务器拉取最新版本资源至本地。
  • 设置中心 (Settings)
    • 点击左侧栏顶部的 ⚙ 图标 即可开启。用于配置版本控制、AI 服务、标签系统、图像处理选项,以及 切换当前资产库。详见 设置指南

3. 主视图工作区 (Main View Area)

这是应用的核心交互区,用于浏览资产网格并监控库状态。

中间视图区域

  • 资产网格 (Asset Grid)
    • 采用响应式卡片布局,自动为各类资产(Spine 动画、图像、音频、图集等)生成高清晰度的缩略图。
    • 支持 多选操作(Ctrl/Shift + 点击),便于进行批量的标签标注、移动或删除。
  • 便捷交互
    • 支持从外部文件夹直接拖拽文件入内,实现快速导入或移动。
  • 底部状态栏 (Status Bar)
    • 统计信息:实时展示当前过滤后的资产总数及选中数量。
    • 显示选项:提供“显示未知类型”和“展平子文件夹资产”开关,方便快速全局预览。

4. 右侧详情面板 (Detail Panel)

右侧栏提供选中资产的深度信息、交互式预览播放及元数据编辑功能。

右侧栏

  • 全功能预览 (Live Preview):详见 资产预览
    • Spine 播放器:内置专业播放器,支持切换皮肤 (Skin) 及播放不同动作 (Animation)。
    • 媒体播放:针对音频与视频资产,提供完整的播放控制控件。
    • 图集解析:支持直接展示纹理图集内包含的所有子区域 (Regions)。
  • 资产信息管理
    • 基础属性:显示文件名、存储路径、分辨率/时长、修改日期等。
    • 标签系统:支持为资产添加/管理标签,并提供 AI 自动标签生成 功能。
    • 备注说明:可输入详细的文字说明,并支持 AI 智能生成描述
  • 专业图像编辑:选中图片资源时启用,详见 图像编辑
    • 旋转与翻转:提供 90° 无损旋转及水平/垂直镜像处理。
    • 尺寸调整 (Resize):支持按预设或自定义数值调整宽高,支持锁定等比。
    • 智能压缩 (Tinify):集成 TinyPNG 高效压缩技术,优化资源体积。

TIP

图集切分 / 序列帧打包 等高级功能可通过在资产网格中点击右键唤出。详见 资产右键菜单