作者cjcat2266 (CJ Cat)
看板Flash
标题[心得] scale9Grid简介 - 处理圆角矩形的好帮手
时间Wed Jul 25 20:07:38 2007
这次来介绍一下从Flash MX 2004以後新增的新功能
scale9Grid~
有了这个功能以後
以往可能会用到的"四角有圆角的方形选单"
再也不会因为尺寸改变而使四个圆角变形
除了在手动编辑环境下
新增MovieClip的时候选取enable guides for 9-slice scaling以外
还可以用程式的方式来达成效果
本文就是着重在後者
废话不多说,范例在这儿~
范例动画
http://0rz.tw/542SN
原始档案
http://0rz.tw/7c2Pu
(需用Flash 8 or CS3开启)
---------------------------------讲解开始---------------------------------
每个MC都会有一个property叫做
scale9Grid,预设值是null(也就是什麽都没有)
而scale9Grid的data type是
flash.geom.Rectangle
这是一种可以表达"矩形"的资料类型
它还有很多五花八门的method,有兴趣的人可以按F1查看看
flash.geom.Rectangle的constructor接受四个变数:
Rectangle(x:Number, y:Number, width:Number, height:Number)
1.x:矩形左上顶点的X座标值
2.y:矩形左上顶点的Y座标值
3.width:矩形的宽
4.heigt:矩形的高
scale9Grid会利用这个Rectangle object来把MC切成九块
中心就是这个Rectangle,其他八块还有 左上、左下、右上、右下、左、右、上、下
定义scale9Grid以後,凡是会更改这个MC的举动
包括修改 _xscale, _yscale, _width, _height
会反映出如下的变形方式:
1.中心区块变形方式正常
2.四个角落的区块不变形
3.左右两区块只会垂直变形
4.上下两区块只会水平变形
※请注意,9-slice scaling变形只适用於MC内的shape
MC里面的MC或者其他非shape物件都不会有9-slice scaling效果
了解这个功能以後
相信各位在处理圆角矩形的变形的时候可以更加得心应手喔~
以上
--
CJ Cat = Croa'J Cat = Cockroach Cat = 西街凯特 = 蜚蠊猫 = 蟑螂猫
Gallery
http://cjcat2266.deviantart.com
MSN
[email protected]
Yahoo
[email protected]
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.228.72.24
※ 编辑: cjcat2266 来自: 61.228.72.24 (07/25 20:20)
1F:推 dontpkme:实用推 谢谢cj大分享 09/11 18:02