# 查看标注

### 为了更好的使用体验，帮助文档已迁到新网址 [前往「帮助」](https://moonvy.com/blog/post/Moonvy%E6%9C%88%E7%BB%B4%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3/%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B/)

###

### 切换项目/文件夹

:point\_right: 打开网页左上角，切换项目和文件夹

![](https://3008424975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaC1TY2BBuFKtNd6-ro%2Fuploads%2FYWhVWzdtrA38gh6Md2yA%2F%E5%88%87%E6%8D%A2%E5%85%A5%E5%8F%A3.png?alt=media\&token=5846628b-5fde-4d83-b586-b3d61f9a1459)

### 文件排序

**默认排序**：在文件管理页可以手动拖拽进行排序

**名称排序**：按设计图的名称 A-Z 进行排序

**更新排序**：新增或者更新的优先展示

**创建时间排序**：新增的在最后展示

**右键菜单**

**重命名：**右键菜单**「重命名」**\
**删除：**右键菜单**「删除」**（删除后不可找回）

###

### 标注信息

:point\_right: 设计图上单击选中一个图层，右侧信息栏会显示图层的信息。**图层名称、大小、位置、间距、填充、效果、字体、切图、代码等工程师在还原设计图时需要的所有资源。**

![](https://3008424975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaC1TY2BBuFKtNd6-ro%2F-MaC1fWMOLotMselGwmz%2F-MaCvBKg5rwvFaFrcLoh%2F%E6%A0%87%E6%B3%A8%E6%A6%82%E8%BF%B0.gif?alt=media\&token=e0efe8d3-e05f-4754-9775-99209d968e9e)

###

### 切换开发平台

:notepad\_spiral: 通常情况下，不需要工程师进行修改；如果有特殊需要工程师可以根据自己的场景，更改开发平台选项。

![](https://3008424975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaC1TY2BBuFKtNd6-ro%2F-MbKoKdO_T5yZL8VXnla%2F-MaCvJtPsGX2_rga5FY0%2F%E6%A0%87%E6%B3%A8%E9%80%89%E6%8B%A9%E5%BC%80%E5%8F%91%E5%B9%B3%E5%8F%B0.png?alt=media\&token=bb25ff1b-1a44-4d8b-b826-466abc7de475)

{% hint style="warning" %}
开发平台的切换，切图不受影响（切图在上传设计图的时候已经确定了，如果需要修改可以重新上传设计图）
{% endhint %}

###

### 切换颜色格式

:point\_right: 信息面板里，任何显示颜色的位置都可以进行颜色类型的切换，本次设置只对当前设计图生效，刷新或重新打开会重置。

![](https://3008424975-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaC1TY2BBuFKtNd6-ro%2F-MaC1fWMOLotMselGwmz%2F-MaCvXzhsnygyrgvhOG1%2F%E5%88%87%E6%8D%A2%E9%A2%9C%E8%89%B2%E7%B1%BB%E5%9E%8B.gif?alt=media\&token=0a94ff2e-5cdd-4390-9505-203c04ac8f6a)

### 切换代码

根据开发平台的不同，自动提供的代码语言也不同，:nerd:工程师可以根据需要切换代码类型。

* CSS 
* CSS in JS 
* Android XML 
* iOS Swift

#### 代码设置：根据使用习惯自定义选项

<div align="left"><img src="https://3008424975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaC1TY2BBuFKtNd6-ro%2Fuploads%2FY152ZGiJ8sn0mMbrhLcI%2F%E4%BB%A3%E7%A0%81%E8%AE%BE%E7%BD%AE.png?alt=media&#x26;token=90aa507d-4f27-4518-8370-0bcbe36ecf1a" alt=""></div>

## 使用技巧

### **快捷键**

* 切换页面                                      `PgUp`   `PgDn`&#x20;
* 缩放设计图到100%                      `0`    `cmd 0`
* 缩放到看到设计图全貌                 `1`    `F`
* 起始位置开始100%显示               `2`
* 放大设计图                                   `+`    `cmd +`&#x20;
* 缩小设计图                                   `-`    `cmd -`
* **选中标注图层，直接复制文本       `cmd C`**
* **`Shift`**      加选元素

![](https://3008424975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MaC1TY2BBuFKtNd6-ro%2Fuploads%2F149GntSPOmAYIILTbQXh%2F%E5%A4%8D%E5%88%B6%E6%96%87%E6%9C%AC.gif?alt=media\&token=2aaa84cc-65e0-48ca-9c08-4c0166bb519b)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://moonvy.gitbook.io/moonvy-spec/she-ji-tu-biao-zhu/cha-kan-biao-zhu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.