[心得] scale9Grid簡介 - 處理圓角矩形的好幫手

看板Flash作者cjcat2266 (CJ Cat)時間18年前 (2007/07/25 20:07)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串1/1

這次來介紹一下從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 cjcat2266@hotmail.com Yahoo cjcat2266@yahoo.com.tw -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.228.72.24 ※ 編輯: cjcat2266 來自: 61.228.72.24 (07/25 20:20)