最近做游戏,发现flash里位图是无法使用scale9Grid这个属性,,,没办法,只好自己写了一个,,,原理很简单,,用程序把位图切成九块,,装里一个Sprite里,然后重写Sprite的width和height这两个方法,根据改变大小来重新设置位图的各个位置…这样就实现了位图的不变形缩放….
ps:近期我会把以前做的一些小东西的源码放出来,供大家学习使用…
严重声明,,,
发现好多人都不知道这个问题,,用FLASH编译,位图使用scale9Grid也没用,
package PopDialog
{
import flash.display.Sprite;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.geom.Rectangle;
import flash.geom.Point;
public class BitmapScale9Grid extends Sprite
{
private var source : Bitmap;
private var scaleGridTop : Number;
private var scaleGridBottom : Number;
private var scaleGridLeft : Number;
private var scaleGridRight : Number;
private var leftUp : Bitmap;
private var leftCenter : Bitmap;
private var leftBottom : Bitmap;
private var centerUp : Bitmap;
private var center : Bitmap;
private var centerBottom : Bitmap;
private var rightUp : Bitmap;
private var rightCenter : Bitmap;
private var rightBottom : Bitmap;
private var _width : Number;
private var _height : Number;
private var minWidth : Number;
private var minHeight : Number;
public function BitmapScale9Grid(source:Bitmap, scaleGridTop:Number, scaleGridBottom:Number, scaleGridLeft:Number, scaleGridRight:Number )
{
this.source = source;
this.scaleGridTop = scaleGridTop;
this.scaleGridBottom = scaleGridBottom;
this.scaleGridLeft = scaleGridLeft;
this.scaleGridRight = scaleGridRight;
init();
}
private function init() : void {
_width = source.width;
_height = source.height;
leftUp = getBitmap(0, 0, scaleGridLeft, scaleGridTop);
this.addChild(leftUp);
leftCenter = getBitmap(0, scaleGridTop, scaleGridLeft, scaleGridBottom - scaleGridTop);
this.addChild(leftCenter);
leftBottom = getBitmap(0, scaleGridBottom, scaleGridLeft, source.height - scaleGridBottom);
this.addChild(leftBottom);
centerUp = getBitmap(scaleGridLeft, 0, scaleGridRight - scaleGridLeft, scaleGridTop);
this.addChild(centerUp);
center = getBitmap(scaleGridLeft, scaleGridTop, scaleGridRight - scaleGridLeft, scaleGridBottom - scaleGridTop);
this.addChild(center);
centerBottom = getBitmap(scaleGridLeft, scaleGridBottom, scaleGridRight - scaleGridLeft, source.height - scaleGridBottom);
this.addChild(centerBottom);
rightUp = getBitmap(scaleGridRight, 0, source.width - scaleGridRight, scaleGridTop);
this.addChild(rightUp);
rightCenter = getBitmap(scaleGridRight, scaleGridTop, source.width - scaleGridRight, scaleGridBottom - scaleGridTop);
this.addChild(rightCenter);
rightBottom = getBitmap(scaleGridRight, scaleGridBottom, source.width - scaleGridRight, source.height - scaleGridBottom);
this.addChild(rightBottom);
minWidth = leftUp.width + rightBottom.width;
minHeight = leftBottom.height + rightBottom.height;
}
private function getBitmap(x:Number, y:Number, w:Number, h:Number) : Bitmap {
var bit:BitmapData = new BitmapData(w, h);
bit.copyPixels(source.bitmapData, new Rectangle(x, y, w, h), new Point(0, 0));
var bitMap:Bitmap = new Bitmap(bit);
bitMap.x = x;
bitMap.y = y;
return bitMap;
}
override public function set width(w : Number) : void {
if(w < minWidth) {
w = minWidth;
}
_width = w;
refurbishSize();
}
override public function set height(h : Number) : void {
if(h < minHeight) {
h = minHeight;
}
_height = h;
refurbishSize();
}
private function refurbishSize() : void {
leftCenter.height = _height - leftUp.height - leftBottom.height;
leftBottom.y = _height - leftBottom.height;
centerUp.width = _width - leftUp.width - rightUp.width;
center.width = centerUp.width;
center.height = leftCenter.height;
centerBottom.width = center.width;
centerBottom.y = leftBottom.y;
rightUp.x = _width - rightUp.width;
rightCenter.x = rightUp.x;
rightCenter.height = center.height;
rightBottom.x = rightUp.x;
rightBottom.y = leftBottom.y;
}
}
}
二、哪些时候会无效
1、只对矢量图起作用,对图片无效。解决办法参考:
http://bbs.blueidea.com/viewthread.php?tid=2915069
2、对Shape对象使用scale9Grid,有效。但是如果用Shape.graphics.beginBitmapFill (new BitmapData());//仅用了一个BitmapData对象填充Shape对象后,无效!
3、对Sprite对象使用scale9Grid:
(1)仅对Sprite对象下的“图形元件”和“直接绘制的形状”有效。
(2)对Sprite对象下的Sprite对象,无效!
(3)对Sprite对象下的“图形元件”,如果该“图形元件”内仅包含另个Sprite对象,依然无效。
4、参考博客:scale9Grid – When it works and when it does not
http://www.ovidiudiac.ro/blog/2009/05/scale9grid-work-and-fail/
三、Flex中使用Embed标签
Embed(source=”track.png”,scaleGridTop=”20″,scaleGridLeft=”7″,scaleGridRight=”9″,scaleGridBottom=”80″);
四、创建一个具有九宫格功能的Bitmap
http://flex2.group.iteye.com/group/blog/513064
五、推荐http://bbs.9ria.com/thread-47414-1-1.html(第三个页面打不开,郁闷)
[Embed(source=”ee.gif”,scaleGridTop=”10″,scaleGridBottom=”90″,scaleGridLeft=”10″,scaleGridRight=”90″)]
private var abe:Class; 本文转载自:
http://blog.sina.com.cn/s/blog_456a32b901011nxg.html