当前位置: 代码迷 >> Web前端 >> 五、Working with Symbols
  详细解决方案

五、Working with Symbols

热度:337   发布时间:2012-11-25 11:44:31.0
5、Working with Symbols

1、symbol就矢量、位图、文字等一系列对像打包后的一个新对像。common library中的对像中多数为symbol。先把symbol拖放到工作区中,然后双击就可以打开symbol。此时可以编辑各对像的属性等。在symbol外双击就会返回一般状态。

?

2、fw中主要有三种symbol。graphic/button/animation/其它。

?

3、symbol的其中一个好处是你可以通过拖放重复使用。另外在同一文档中,如果有多个相同symbol的实例,双击其中一个symbol,让它处于symbol编辑状态,然后修改一个,另外的也会一起改变。注意,如果只是单击选中后修改属性面版中的选项并不会改变其它的相同的symbol。

?

4、按alt键拖放工作区中的symbol是复制的作用。

?

5、做好图后把相关元素选择,然后点击菜单modify-symbol-convert to symbol就可以把这些元素转化为一个symbol。

?

6、如果在转化为symbol的选项中选择了9-slice。那在双击symbol编辑后可以调整切线。

?

7、做网页时可以把一些模块框做成symbol。

?

8、打开一个symbol后,如果在图层中显视图层为group:object一类的,你可以使用顶端的矢量点选择工具在工作界面中选择,这样可以修改内部的所有对像。

?

9、如果是button对像,双击该symbol后可以看到属性面版中有一个state选择up/down/over/disable四个状态。你可以切换到不同的状态编辑不同状态下的形状、颜色等。不同状态中的layers面板中显视的对像可能是不同的,你可以通过state边的按钮复制layer。

?

10、工作区左上角有一个preview按钮,点击后使用移动工具可以预览按钮效果。

?

11、animatiom symbol类似于flash,设置帧数、对像旋转角度等。

?

12、对于animation symbol,打开states对像可以看到所有的状态。states面版中每state右边有一个数字,代表每帧延时x/100秒。你可以一次选中所有state然后修改其中一个。

?

13、animation symbol只有停留在states面版中右则圆圈为白色的状态中才能被选中及编辑。

?

14、对于animation symbol,发布时可以选择animation gif。

?

15、新建symbol后,选中它,然后在document library面版的右拉菜单中选择save as common library或export symbol。

?

16、右击工作区中的symbol,然后symbol-break apart。这样即可打断这个实例与其它实例的关链。即修改单个symbol不会引起其它symbol的改变。

?

17、还有一些三种默认symbol外的symbol,例如common library中的html里面的symbol。它是一种特殊的symbol。你可以在symbol property面版中设置属性。

?

18、在document library中有export/inport可以用于导出、导入symbol。导出的文件类型为png。

  相关解决方案