asdfasdf

Catalogue    目录

1.ABOUT    关于

2.USAGE    用法

3.VIDEO    视屏教程

4.COMMAND   命令字符

5.SUPPORT   技术支持

6.LANGUAGE   语言选择

ABOUT

Thank you for using PSD2NGUI.

感谢使用PSD2NGUI。

PSD2NGUI is a automatic tool for NGUI. PSD2NGUI converts PSD Layers into NGUI Widgets. You can make a NGUI Widget easily, once you put a simple command like label, editbox, button, checkbox, scrollview etc. on PSD Layer. Also, When user edit the PSD file, it directly applies to Unity3D too. You don’t have to use Atlas Maker, Widget, Font tool any longer if you start to use our PSD2NGUI. Furthermore, You don’t need to set up Sprite to cut the images. You only have to put ‘Slice’ command on PSD Layer. You will save a lot of time to develop GUI if you use PSD2NGUI.

PSD2NGUI是一个基于NGUI的自动化工具。PSD2NGUI转换PSD图层到NGUI窗体小部件里。一旦你输入了一些像label、editbox、button、checkbox、scrollview等简单命令在PSD图层上，你就能够轻易的制作NGUI窗体小部件了。另外，当用户编辑PSD文件时，它也直接适用于Unity3D。如果开始使用我们的PSD2NGUI，你不必再使用Atlas Maker,Widget,Font工具。此外，你不需要通过切图建立Sprite。你只需要输入“Slice”命令在PSD图层上。如果使用PSD2NGUI，你将从开发GUI当中节约大量的时间。

important: You must have NGUI(2.2.7 ~ 3.0.2) to use this.
note: PSD2NGUI is available to use without ’Photoshop’ program.
note: PSD2NGUI support ’Smart Object Layer’ or ’Raster Image Layer’ or ’Text Layer’ of ’Photoshop’ program.

重要: 您使用它必须有NGUI（2.2.7~3.0.2）。

注: PSD2NGUI可以在没有“Photoshop”软件的情况下使用。

注: PSD2NGUI支持Photoshop软件的“智能图层”、“栅格化图层”、“文字图层”。

USAGE

1. Open

a. You can open PSD2NGUI click on the right mouse button on PSD File.

a.你能在PSD文件上点击鼠标右键打开PSD2NGUI。

b. You can open PSD2NGUI click on the left mouse button on NGUI Menu.

b.你能在NGUI菜单上点击鼠标左键打开PSD2NGUI。

2. Add PSD file

a. Add command on PSD Layer.

a.添加命令到PSD图层。

3. Run

a. Just click 'RUN' button.

a.只需要点击"RUN"按钮。

4. About Menu

• Load
• 载入
  Load PSD2NGUI setting.
  载入PSD2NGUI设置。
  
  
• Delete
• 删除
  Save PSD2NGUI setting.
  保存PSD2NGUI设置。
  
  
• Run
• 运行
  Convert ‘Layer’ into ‘NGUI’.
  转化图层到NGUI。
  
  
• NGUI Root
• NGUI 根目录
  Link ‘UIRoot’ in ‘RootNGUI’. It automatically link when you convert by ‘Run’ button.
  关联“UIRoot”到"RootNGUI"。当你通过“Run”按钮转化时，它会自动关联。
  
  
• Camera
• 相机
  Set NGUI Camera type.
  设置NGUI相机类型。
  
  
• Target Screen Size
• 目标屏幕的尺寸
  Set the device screen size to distribute.
  设置发布设备屏幕大小。
  
  
• Add Font
• 添加字体
  Add bitmap font.
  
  
• Font Data
• 字体数据
  Where storage a text file which has the information for the Bitmap font image’s location.
  在一个文本文件里存储位图字体图片位置的信息。
  
  
• Font Texture
• 字体贴图
  Where storage bitmap font image.
  存储位图字体图片。
  
  
• Font Prefab
• 字体预设
  The place where create NGUI font’s prefab.
  创建NGUI字体预设的地方。
  If neither of [Font Data] and [Font Texture] didn’t set it couldn’t be created but you can insert in prefab which has been existed.
  如果[Font Data]或[Font Texture]没有设置，它将不能被创建，但是你能插入到已经存在的预设中。
  On the other hand, If everything has been set up, also prefab will be created and the formal prefab will be changed by new data.
  另一方面，如果一切已经成立，预设也将被创建，并且正式的预设将通过新数据被更改。
  
  
• Assign Font To All Labels
• 赋予字体到所有的Label。
  Insert prefab which has been set already at [Font Prefab] into every NGUI Root’s output UILabel.
  插入预设 已经设置[Font Prefab]在每一个NGUI Root的输出UILabel。
  It’ll ignore UILabel that already has had set font.
  它将忽略已经设置过字体的UILabel。
  
  
• Remove Font To All Labels
• 从所有的Label移除字体。
  Delete font setting at NGUI Root’s output UILabel.
  删除字体设置在NGUI Root的输出UILabel。
  
  
• Use One Atlas
• 使用一个Atlas
  Insert every images into one Atlas.
  拆入每一张图片到一个Atlas。
  If you uncheck, it will make Atlas by each PSD file.
  如果你不选，它将通过每一个PSD文件制作Atlas。
  
  
• Keep Old Sprites
• 保持旧的Sprites
  If you uncheck, the previous images in Atlas will be deleted.
  如果你不选，在Atlas里面之前的图片将被删除。
  
  
• Create Controls
• 创建控制
  If you uncheck, only Atlas and Font will be created.
  如果你不选，只有Atlas和Font将被创建。
  
  
• Remove All
• 移除所有
  Remove all PSD file on the list. The actual files are not deleted.
  移除列表里面的所有PSD文件。实际的文件不会被删除。
  
  
• Add Font All
• 添加所有的字体
  When creates Atlas separately for each PSD file, Check each Atlas’s all additional font option at once.
  当分别为每一个PSD文件创建Atlas图集时，马上选中每个Altlas图集的所有添加字体选项。
  
  
• Remove Font All
• 移除所有字体
  When creates Atlas separately for each PSD file, Uncheck each Atlas’s all additional font option at once.
  当分别为每一个PSD文件创建Atlas图集时，马上取消选中每个Atlas的所有附加字体的选项。
  
  

VIDEO

a. Basic Manual.

a. 基础手册。

 

COMMAND

* Sub commands : This is for making controls up additionally and it doesn’t matter if you don’t add it to Label, Button and ComboBox.

* 子命令：这是为了附带添加到控制器上，如果你不添加它到Label,Button和ComboBox,它就不重要了。

Sprite    ex) layerName

面片   例如)图层名

• If it doesn’t have command, PSD2NGUI will be assumed Sprite.
  
  
  如果没有命令，PSD2NGUI将会猜测这是Sprite。

Slice    ex) layerName@slice=(LeftTop)x(RightTop)x(LeftBottom)x(RightBottom)

切片面片    例如) 图层名@slice=(左上顶点距)x(右上顶点距)x(左下顶点距)x(右下顶点距)

• If you set Layer name like layerName@slice=2x2x2x2, PSD2NGUI will cut 2 pixel square edge of Layer. As a result, the image size will be 4x4.
  If you set Layer name like layerName@slice=50%x50%x10%x10%, PSD2NGUI will convert a percentage into pixel and cut.
  You just set one like layerName@slice=2, If the cut image size are all same.
  
  
  如果你设置图层名称为"图层名@slice=2×2×2×2"，PSD2NGUI将与边缘一致切除2像素。因此，图像的尺寸最小将是4×4。
  如果你设置图层名称为“图层名@slice=50%×50%×10%×10%“，PSD2NGUI将百分比转换为像素裁切。
  如果裁切图像的尺寸都是一样的，你只需要像”图层名@slice=2“这样设置一个参数。
  
  
  
  

Panel    ex) groupName@panel

平面    例如) 组名@panel

• PSD2NGUI will make UIPanel. Need to put command Group(Folder).
  
  
  PSD2NGUI将制作UIPanel。需要去赋予组名(文件夹名)命令。

Label    ex) layerName@label(or just 'textLayer' without command)

标签    例如) 图层名@label(如果是”textLayer“不需要命令)

• PSD2NGUI will make UILabel.
  
  
  PSD2NGUI将制作UILabel。
  
  
  Sub commands.

  子命令。

  
  

  sameLayerName@label@color=black, layerName@label@color=ff00ff : Color setting

  图层名@label@color=black,图层名@label@color=ff0ff：颜色设置

  
  

  sameLayerName@label@bold=true : Bold font

  图层名@label@bold=true：加粗字体

  
  

  sameLayerName@label@shadow=true : Add shadow on Font

  图层名@label@shadow=true：添加阴影到字体上

  
  

  sameLayerName@label@text=Hello PSD2NGUI : Display sentence

  图层名@label@text=Hello PSD2NGUI：展示句子

  
  

  sameLayerName@label@align=[topleft, top, topright, left, center, right, bottomleft, bottom, bottomright] : text align(pivot)

  图层名@label@align=[topleft,top,topright,left,center,right,bottomleft，bottom,bottomright]：文本对齐（中心点）

Button    ex) layerName@button

按钮    ex) 图层名@button

• PSD2NGUI will make UIButton.
  PSD2NGUI将制作UIButton。
  
  
  If there are sub-commands like button.hover or button.pressed PSD2NGUI will make UIImageButton.
  如果使用了像button.hover或button.pressed这样的子命令，PSD2NGUI将制作UIImageButton。
  
  
  Sub commands.

  子命令。

  [e-mail] : Mouse over image

  图层名@button.hover：鼠标移动上去的图片

  
  

  [e-mail] : Mouse click image

  图层名@button.pressed：鼠标点击上去的图片

  [e-mail]: button title

  图层名@button.label：按钮标题

LabelButton    ex) textLayer@button

按钮标签    例如) 文本图层@button

• PSD2NGUI will make UIButton but only Label will be visible.
  PSD2NGUI将制作UIButton，但只可见标签。

Toggle(ChcekBox)    ex) layerName@toggle, layerName@checkbox

开关(复选框)    例如)图层名@toggle, 图层名@checkbox

• PSD2NGUI will make UIToggle(UICheckBox).
  PSD2NGUI将制作UIToggle(UICheckBox)。
  
  
  Sub commands.

  子命令。

  sameLayerName@toggle(checkbox).checked : Check image

  图层名@toggle(checkbox).checked：检查功能选项图片

Input(EditBox)    ex) layerName@input, layerName@editbox

• PSD2NGUI will make UIEditBox.

Password    ex) layerName@password

• PSD2NGUI will make UIEditBox and switch Password option on.

ComboBox    ex) layerName@combobox

• PSD2NGUI will make UIComboBox.
  Sub commands.

  [e-mail] : ComboBox item select image

  [e-mail] : ComboBox background image

ScrollView    ex) layerName@scrollview

• PSD2NGUI will make UIDraggablePanel and UIDragPanelContents.
  Sub commands.

  [e-mail] : In a ScrollView item, other Widget can be in it
  

VirtualView    ex) layerName@virtualview

• PSD2NGUI will make PsdLayerVirtualView. The difference from ScrollView is that UI and Data are separate so, massive date can also use.
  Sub commands.

  [e-mail] : In a VirtualView item, other Widget can be in it
  

SpriteFont    ex) groupName@spritefont

• 
  

Animation    ex) groupName@animation@fps=30 or groupName@ani@fps=15

• PSD2NGUI will make PsdLayerSpriteAnimation. It is a very simple animation class.

Collider    ex) layerName@collider=box

• PSD2NGUI will make BoxCollider. It will add the collider to Sprite or Label only.

Ignore    ex) layerName@ignore

• If Layer had a command ‘Ignore’, it won’t load Layer.

Script    ex) layerName@script

脚本    例如) 图层名@script

• PSD2NGUI will make PsdLayerUserScript. There is a Data as a member variable and Data value will be in character string which input at PSD Text Layer.

SUPPORT

Forum: PSD2NGUI

E-mail: [e-mail]

© Magic n Real