在显示屏幕actionscript 3的底部显示一个面板

Question

我在使用 osmf 来保持我的内置 flex 和 as3 的 Flash 播放器的全屏时遇到问题 我想在用户屏幕的底部显示面板栏。这应该适用于所有屏幕分辨率。我目前正在做的工作可以很好地全屏显示视频，但问题是它没有相应地对齐视频控制面板。 我目前拥有的是这个

stage.fullScreenSourceRect = new Rectangle(0, 0, fsvideoContainerW , fsvideoContainerH); videoContainer.width = fsvideoContainerW; videoContainer.height = fsvideoContainerH; stage.scaleMode = StageScaleMode.EXACT_FIT; stage.displayState = StageDisplayState.FULL_SCREEN;

请帮帮我。

Answer 1

我在您的代码中看不到专门用于定位控件的代码。创建可调整大小的组件时的主要想法是监听 Event.RESIZE。这是一个小的 sn-p 它是如何工作的：

package {

    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.events.Event;

    public class StackOverflow extends Sprite {
        private var _playerControls:VideoPlayerControls;

        public function StackOverflow() {
            addEventListener(Event.ADDED_TO_STAGE, onAdded);
        }

        private function onAdded(e:Event):void {
            removeEventListener(Event.ADDED_TO_STAGE, onAdded);


            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;

            setup();
        }

        private function setup():void {
            //Main event that will help you reposition and resize your UI components
            stage.addEventListener(Event.RESIZE, onResize);

            _playerControls = new VideoPlayerControls();

            addChild(_playerControls)
        }

        private function onResize(e:Event):void {
            _playerControls.updateWidth(stage.stageWidth);
            _playerControls.y = stage.stageHeight - _playerControls.height;
        }

    }
}

import flash.display.Sprite;

internal class VideoPlayerControls extends Sprite {

    public function VideoPlayerControls() {
        this.graphics.beginFill(0x333333);
        this.graphics.drawRect(0, 0, 100, 40);
    }

    internal function updateWidth(width:int):void {
        //Do logic with reposition and resizing components
        this.width = width;
    }
}

Stage 属性align 和scaleMode 只能在视频播放器启动时设置一次。