# visualizer[zh]
![组件-可视器][visualizer-01]

可视器是一种3D组件，也是一个可以包含其他组件的容器。用户可以根据需求，在该集装箱内添加和布置rack、rack-table等仓库相关的组件，组成所需的版面。  
在可视器中添加组件的常规方法是，当通过拖放组件将其包含在建模画面时，确认可视器的边框突出显示为橙色。点击预览按钮，即可查看3D画面。

- 类型：仓库

[visualizer-01]: ../images/visualizer-01.png


## properties
1. FOV (Field Of View)：用于设置在一个画面上显示多少空间的值。  
2. Near：该值越高，就可以显示越近的物体。  
3. Far：该值越高，就可以显示越远的物体。  
4. 变焦：扩大/缩小画面。  
5. 相机X：3D角度X值
6. 相机Y：3D角度Y值
7. 相机Z：3D角度Z值
8. 伽马因子：
9. 精密度：决定可精密表现的程度。  
10. 图形保真：可消除3D画面上的图物边缘出现凹凸锯齿的功能。  
11. 自动旋转：可保持3D画面的恒定旋转速度的功能。  
12. 显示轴：显示画面的x、y、z轴。  
13. 三维模式：在建模画面上，直接显示3D画面。  
14. 调试：在画面上显示FPS(Frame per second)。  
15. 库位字段：从转入到可视器的数据中，决定将会使用为支架位置的字段。  
16. 弹窗看板：当点击支架时，将会用弹出窗口显示的SCENE的编号。  
17. 范例目标：输入将要引用的图例的ID，根据支架的状态值决定颜色。  
18. 转速：设置3D画面的旋转速度。  
19. 隐藏空库位：无库存（数据）时，采用半透明显示方式的功能。  
20. 弹出位置：弹窗看板弹出位置。

## 放置3D背景布并设置背景图像

1. 从场景建模器左侧的组件工具栏中，选择并放置可视器。  
![选择可视器][select-visualizer]

1. 点击已放置的可视器后，将相关的图纸图像设置为可视器的[背景图像]({{ site.baseurl }}/{{site.lang | default: 'cn' }}/tutorials/#拖放方式)。  
![设置可视器的背景图像][visualizer-background-pattern]

1. 点击预览进行确认。
![预览][visualizer-preview-01]


[select-visualizer]: ../images/visualizer-select-visualizer-from-component-bar.png

[visualizer-background-pattern]: ../images/visualizer-background-pattern.png

[visualizer-preview-01]: ../images/visualizer-preview-01.png

## 放置支架
1. 从组件工具栏中，选择并放置支架表。  
![选择支架表][select-rack-table]

1. 选择已放置的支架表后，将其被**包含**（确认可视器的边框变为橙色）在已放置的可视器中。  
![放置支架表][put-rack-table]


1. 选择并放置支架表，使其与图纸的区域重叠。  
（<span style="color:red">!注意</span> 因为支架表仅识别所放置的表格的行为通道，所以如果图纸上的通道是垂直的，则将其旋转90度。） 
![将支架表置于区域][put-rack-table-on-the-zone]

1. 参考图纸，调整支架表的行和列。  
![调整支架表的行和列][set-row-col]

1. 参考图纸，设置通道。（选择相当于通道的行后，勾选属性的is empty。）  
![指定通道][set-aisle]

1. 选择支架表后，输入支架的隔板层数和隔板深度。

1. （可选）设置是否隐藏支架柱并设置库存量。

1. 通过预览进行确认。  
![预览][visualizer-preview-02]


[select-rack-table]: ../images/visualizer-select-rack-table-from-component-bar.png

[put-rack-table]: ../images/visualizer-put-rack-table.png

[put-rack-table-on-the-zone]: ../images/visualizer-put-rack-table-on-the-zone.png

[set-row-col]: ../images/visualizer-set-row-col.png

[set-aisle]: ../images/visualizer-set-aisle.png

[visualizer-preview-02]: ../images/visualizer-preview-02.png

## 为支架指定位置

1. 选择支架表，输入区域、位置模式和隔板模式。    
![在支架表中，输入区域、位置模式和隔板模式][set-zone-and-patterns]

1. 拖动并选择将要指定位置的单元格后，通过属性窗口的位置指定功能进行指定。  
（要查看是否已指定好位置，请将鼠标悬停在单元格上。）  
![指定位置][set-location-pattern]

[set-zone-and-patterns]: ../images/set-zone-and-patterns.png

[set-location-pattern]: ../images/visualizer-set-location-pattern.png


## 수동으로 단 구성하기 

1. rack을 선택한다.  
![rack 선택][config-shelf-select-rack]

1. 속성의 **단 로케이션** 입력란에 각 단의 ID를 입력한다. 각 단은 `,`로 구분한다. 왼쪽부터 1층으로 취급하고, ID를 입력하지 않은 층은 숨겨진다.  
![단 로케이션 설정][config-shelf-property]

1. 미리보기로 확인한다.  
![단 로케이션 미리보기][config-shelf-preview]

[config-shelf-property]: ../images/visualizer-config-shelves-00.png
[config-shelf-preview]: ../images/visualizer-config-shelves-01.png
[config-shelf-select-rack]: ../images/visualizer-config-shelves-02.png

## 셀 분할하기 

1. Rack을 선택하고 **Bin 로케이션** 입력란에서 각 단을 분할할 수 있다. `,`로 구분한다.  
![Bin 로케이션 기본설정][bin-config-basic]  

1. 가장 아랫줄부터 1층으로 취급하며, 분할을 사용하지 않을 층은 `.`으로 표시한다.  
![bin-config-no-apart]

1. 입력한 텍스트는 `.`일 때를 제외하고 로케이션 ID 뒤에 붙어 각 bin의 ID로 사용된다.

[bin-config-basic]: ../images/visualizer-config-bin-00.png
[bin-config-no-apart]: ../images/visualizer-config-bin-01.png