Flash Tip(6) 如何处理 Load 图片时 比例缩放失调的问题

如果 一个400，200 的图片 放在800，800的框里，强制使用 Bitmap.draw(800,800)时，并不会画出800*800的图来，而是高度无法画满，图像上下出现白边。我认为这是因为图片拉伸时要按照图片本身的比例。如果任意缩放，因为Flash无法缩放完全，就会出现图片没有占满，却出现讨厌的白边。

这里我使用的一个自定义方法来重绘图片。

1. package Utilities
2. {
3.     import flash.display.BitmapData;
4.     import flash.geom.Matrix;
6.     public class BitmapUtil
7.     {
8.         public static function GenerateThumbnail( bmp:BitmapData, w:Number,
9.                                         h:Number, crop:Boolean = false ):BitmapData
10.         {
11.             var scale:Number = 1.0;
12.             if( bmp.width > w || bmp.height > h )
13.             {
14.                 scale = Math.min( w / bmp.width, h / bmp.height );
15.             }
16.             var m:Matrix = new Matrix();
17.             m.scale( scale, scale );
19.             if( !crop )
20.             {
21.                 m.tx = ( w / 2 ) - ( ( bmp.width * scale ) / 2 );
22.                 m.ty = ( h / 2 ) - ( ( bmp.height * scale ) / 2 );
23.             }
24.             else
25.             {
26.                 w = bmp.width * scale;
27.                 h = bmp.height * scale;
28.             }
30.             var bmd:BitmapData = new BitmapData( w, h, true );
31.             bmd.draw( bmp, m );
32.             
33.             return bmd;
34.         }
35.     }
36. }

在loader 函数中，记录图片的原始尺寸。

2. actualHeight = loaderInfo.height;
3. actualWidth = loaderInfo.width;

用于显示图片的 区域大小mLenth, mHeight

1. //记录图片的比例，要成比例缩放。
2. var scaleXYFactor : Number = actualHeight / actualWidth; 
3.             
4. if(mLenth > (mHeight / scaleXYFactor))
5. {
6.    //Make the image align to right
7.    this.x = mLenth - mHeight / scaleXYFactor;
8.                 
9.    mLenth = mHeight / scaleXYFactor;                
10. }
11. else 
12. {
13.    this.y = mHeight - mLenth * scaleXYFactor;
14.    mHeight = mLenth * scaleXYFactor;
15. }
16.             
17. var mBitmapData : BitmapData = Utilities.BitmapUtil.GenerateThumbnail(bitmapData,mLenth,mHeight);
18. mBitmap = new Bitmap(mBitmapData);
20. return mBitmap;

如果 图片框的 宽度 大于 高度方向上 图片填满图片框所用的拉伸比例 计算出来的宽度，说明图片框的宽度将无法填充满，就使用图片的高度按照比例来计算最终的拉伸后的宽度。

反之，说明图片框的高度将无法填充满，要重新按比例计算 重绘图片的高度。

另外，我们可以重绘加载Loader的元件背景。

1. var rectangle : Rectangle = this.getBounds(this);
2. this.graphics.beginFill(0x333333);
3.             this.graphics.drawRect(0,0,rectangle.width,rectangle.height);
4. addChild(mBrandImage);