# 图片

> 画面上的一张用户图片，有四种填充方式，还可以由一个图片变量来切换。

**图片**显示你导入的图片中的一张：一张机器照片、一幅厂区示意图、一个公司标志。这张图要么是固定的，要么由一个输出图片的 Logic 变量驱动，于是屏幕上的内容可以跟着现场走（每个生效的配方配一张不同的图，每种机器模式配一张状态图）。它属于*媒体*类；新放置的一个占 4 × 4 个单元格。

图片在 **Logic ▸ Assets ▸ Images** 里导入；组件只负责从那个库里挑。什么都没选、也没有绑定时，单元格写着“无图片”，而不是空着。

## 内容 {#content}

| 字段 | 作用 | 取值 | 默认 |
|---|---|---|---|
| 默认图片 | 那张固定的图，也是绑定了变量之后编辑器所退到的那张。选`（无）`就显示占位图。图片库是空的、又没有绑定变量时，面板会说明到哪里去导入一张。 | `（无）`，或者一项图片资源 | `（无）` |

## 数据 {#data}

| 字段 | 作用 | 取值 | 默认 |
|---|---|---|---|
| 来自图片变量 | 一个输出图片的 Logic 变量的带根地址。列表按名称列出每个变量，放在文件夹里的变量连同文件夹一起列出（Oven / Door），存下的地址也带着这些文件夹（`Variables.Oven.Door`）。绑定之后，组件画出这个变量当前解析到的那项资源，从值到图片的那套逻辑，以及它必须给的默认值，都写在变量里（见 [Logic 页面](logic)）。选`（无）`就解除绑定。 | 一个图片变量，或者`（无）` | `（无）` |

字段下面，面板用图片本身来确认这份绑定，也就是变量此刻解析到的那项资源的缩略图，因为一个资源 id 说不出它所代表的是哪张图。

绑定了变量之后，一个读不到的点位（地址解析不到，或者质量不可用）会让图片落到占位图，并戴上共用的读数异常标记：变量最后拿到的那项陈旧资源，绝不能像一份读数那样留在屏幕上。

## 适配 {#fit}

| 字段 | 作用 | 取值 | 默认 |
|---|---|---|---|
| 适配 | 图片怎么迎合分给它的那个方框。每个选项都带一张结果预览，因为光看这四个名称，操作员想象不出任何画面。 | `包含`：按自己的比例完整保留，需要时缩小以塞进去，绝不放大到超过自身尺寸 · `填满并裁剪`：填满方框，保持比例，超出的部分裁掉 · `拉伸`：正好拉伸到方框大小，不保持比例 · `无`：图片按自身尺寸绘制，大于方框的会整张缩小，所以今天它画出来和 `包含` 一样 | `包含` |

图片是显示类组件：它不下达任何命令，也从不戴锁标记。共用的外观、标识、位置与图层、动作这几个分区，写在[组件页面](components#the-shared-property-sections)。