Question

无法正确执行最简单的任务 - 使图像适合屏幕。图片从画廊加载，它是显示，但尝试了很多方法来理解有一些奇怪的东西。我在没有ActionBar和全屏的情况下使用Flex ViewNavigatorApplication。横向屏幕方向。适应最大图像尺寸的最佳选择。所有图像的大小均等于3264 x 2448。

这样做：

protected var roll:CameraRoll;
protected var loader:Loader;

if(CameraRoll.supportsBrowseForImage && !roll)
{
roll = new CameraRoll();
roll.addEventListener(MediaEvent.SELECT, onSelect);
}

if(roll){
roll.browseForImage();
}

protected function onSelect(e:MediaEvent) : void
{
var data:MediaPromise = e.data;
var promise:MediaPromise = e.data as MediaPromise;
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onImageLoaded);
loader.contentLoaderInfo.addEventListener(ErrorEvent.ERROR, onError);
loader.loadFilePromise(promise);
}
}
private function onImageLoaded(event:Event):void {

var bitmap:Bitmap = Bitmap(event.currentTarget.content);
var ratio:Number = bitmap.width / bitmap.height
trace (bitmap.width + '/' + bitmap.height + ' ratio: ' + ratio);//3264/2448 ratio: 1.3333333333333333
bitmap.width = Capabilities.screenResolutionY;
trace ('screenResolutionX: ' + Capabilities.screenResolutionY);//screenResolutionX: 800
bitmap.height = bitmap.width / ratio;
trace (bitmap.width + '/' + bitmap.height + ' ratio: ' + bitmap.width / bitmap.height);//799.9000000000001/599.95 ratio: 1.3332777731477623
spr.addChild(bitmap); //container
trace (spr.width + '/' + spr.height);//0/0
trace (this.width + '/' + this.height);//533/320 - here is the first - why these data?
trace (stage.width + '/' + stage.height);//1202.8500000000001/918.6500000000001 - 
//here is the second - why these data? 
//On the real phone in debug mode i see that image have about this dimensions, but trace above we see that the dimensions of 800 by 600.
trace (stage.stageWidth + '/' + stage.stageHeight);//800/480 - all OK
loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, onImageLoaded);
loader.contentLoaderInfo.removeEventListener(ErrorEvent.ERROR, onError);
}

痕迹评论中的问题。我不明白为什么会这样。

Answer 1

由于您使用的是Flex，您是否尝试过使用Spark Image组件而不是纯动作脚本？它具有scaleMode和fillMode属性的内置缩放功能。加载完图像后，您可以尝试这样的操作：

private function onImageLoaded(event:Event):void {

    var bitmap:Bitmap = Bitmap(event.currentTarget.content);
    imageComponent.source = bitmap;
    loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, onImageLoaded);
    loader.contentLoaderInfo.removeEventListener(ErrorEvent.ERROR, onError);
}

<s:Image 
    id="imageComponent"
    fillMode="scale" 
    scaleMode="stretch" 
/>

使图像适合Android屏幕

1 个答案: