FLASH 5 教程 — Flash 浮动面板

2.1 - 2.2 Flash5中的浮动面板

Flash5.0在浮动面板这一块儿已经和Fireworks以及Dreamweaver做的非常接近了，很多的朋友不会使用Flash5.0，但是凭借以前学习过Fireworks和Dreamweaver的经验，很快就掌握了Flash5.0的特点，对于普通的浮动面板这一块，这三剑客软件做的是非常的神似，这种界面的布置似乎已经成为了Macromedia公司的一种模式。方便的快捷键按钮置于窗口的右下角，通过点击就可以达到开启的目的，方便了设计人员的使用。统一的结构也使得这三个软件拥有了一批忠实的用户。另外，Flash5.0和Fireworks还有Dreamweaver的色盘面板完全相同，有效增加了这三个软件之间的勾通。相互间使用也不会产生色差了。 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

免费资源www.it55.com

图2-1 Flash5与Fireworks4的浮动面板按钮

在第一章我们了解到了浮动面板可以通过用户的拖拽产生自定义的组合，也可以通过Window|Save Panel Layout命令来保存设置。 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

2.1 Info(信息)面板 www.it55.com在线教程

点击主菜单Window｜Panels｜Info命令，可以打开Info面板，Info面板是设置组件的坐标以及宽度和高度等属性的面板，通过对Info面板的了解，也可以使你了解到物体的各种相关信息和鼠标的当前信息等等。 http://www.it55.com/

2.1.1 物体名称信息

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

图2-2 Info面板 www.it55.com在线教程

在图2-2的信息当中，Info面板的最上方有一个Clock Pencil字符，这表示现在所编辑的这个符号的名称是Clock Pencil，如果我们使用文字工具在编辑区内添加文字，你可以在图2-3中观察到它的变化。 http://www.it55.com/

vd;k;l www.it55.com rdfg

图2-3 Info面板中的表头信息 http://www.it55.com/

你不必担心调整错了，因为你可以通过面板上方的物体信息查明现在正在调整的物体。 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

2.1.2 物体的坐标 it55.com

物体的坐标是通过对X和Y输入框的显示而得知的，在Info面板中可以对物体的坐标进行设定。
步骤一、从Common Library共享库面板的Movie Clip项目里，拖出一个飞机的电影剪辑符号到场景。如图2-4所示。 IT资讯之家 www.it55.com

www.it55.com

图2-4 Common Library共享库面板中的符号

www.it55.com

步骤二、打开Info信息面板，方法是通过右下角的Show Info按钮。 www.it55.com在线教程

it55.com

图2-5 Info面板的快捷按钮 www.it55.com

步骤三、在打开的Info面板中的X和Y输入框中输入两个“0”。条件是飞机此时为被选取状态。如图2-6所示，你可以看到飞机的顶点和场景的顶点相对齐，这就是Info面板的最大用处，它对物体的坐标设定非常的直观。

vd;k;l www.it55.com rdfg

IT资讯之家 www.it55.com

图2-6 Info面板中对物体的坐标设定

vd;k;l www.it55.com rdfg

2.1.3 物体的宽度和高度信息 www.it55.com

我想通过对物体的坐标设定，下面的W和H输入框就非常明确了，没错，这是用来输入物体高度和宽度的。W代表的是Width宽度设定，H代表的是Height高度的设定。通过手动我们可以达到学习的目的。
步骤一、在W输入框内填写物体的宽度为300。
步骤二、在H输入框内填写物体的高度为300。
步骤三、你可以在发现物体变成了一个非常正规的正方形。如图2-7所示。

www.it55.com在线教程

图2-7 Info面板中的宽度和高度设定

vd;k;l www.it55.com rdfg

2.1.4 物体的色彩信息

www.it55.com

物体的色彩信息在Info面板的左下角可以体现，一般来说群组的物体色彩值为真彩，想更了解一些关于色彩的信息，跟我动手吧。
步骤一、依然是在这个飞机的符号上进行，双击物体进入Movie Clip电影剪辑的编辑区。
步骤二、你可以看到图层信息内飞机的各个图层都是处于锁定状态的。用鼠标在锁子上单击，可以对图层解锁，不然图层将为不可编辑状态。如图2-8所示。

IT资讯之家 www.it55.com

http://www.it55.com/

图2-8 图层的锁定状态

步骤三、将图层中的锁全解开之后，我们用选取工具指向符号中的色彩时，可以发现Info 面板中的信息不再是255了，而是表现出了具体的色彩值。如图2-9所示。 vd;k;l www.it55.com rdfg

www.it55.com

图2-9 Info面板中的色彩值 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

步骤四、信息中的A表示色彩中的透明度，当为100时为全不透明，为0时表示全透明。

IT资讯之家 www.it55.com

2.1.5 鼠标的坐标信息 IT资讯之家 www.it55.com

在Info面板的右下角显示的是鼠标的坐标，通常我们并不会对鼠标的坐标如何的重视，但是事实证明Flash5在Info面板中加入鼠标坐标的显示是有道理的。在对物体进行调整时，特别是在对非常细致的物体进行编辑时，鼠标坐标显得尤为重要。

2.1.6 物体的坐标对齐方式

www.it55.com在线教程

在对物体进行坐标设定时有一个非常重要的工具就是图2-10中的这九个小方格，对它的设定直接影响到了物体的坐标对齐方式。 免费资源www.it55.com

（阅读次数：）