Question

在下面的代码中，只有按钮图像嵌入到flex代码中。但是在html对象或embed标签中为什么必须指定高度和宽度。即使这是一个普通的按钮，如果我们不指定高度和宽度似乎有些错误

html

<div align="center">
    <br />
    <div style="display:block;width:100px;height:100px;" id="audio" 
        class="testsound" align="center"/>
    <p class="clickable">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
        width="400" height="100" id="myMovieName">
            <param name="movie" value="/media/players/testsound.swf"/>
            <param name="soundurl" value="/media/players/music.mp3"/>
            <param name="quality" value="high"/>
            <param name="bgcolor" value="#FFFFFF"/>
            <embed width="100" height="100" href="/media/players/testsound.swf" 
                src="/media/players/testsound.swf" 
                flashvars="soundUrl=/media/players/music.mp3" 
                quality="high" bgcolor="#FFFFFF" 
                name="myMovieName" loop="false" align=""
                type="application/x-shockwave-flash">
            </embed>
        </object>
    </p>
</div>

MXML

<?xml version="1.0"?>
<!-- embed/EmbedSound.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

            import flash.media.*; 

            public var snd:Sound = new sndCls() as Sound; 
            public var sndChannel:SoundChannel;

            public function playSound():void {
                sndChannel=snd.play();
            }   

        ]]>
    </mx:Script>
    <mx:Image id="loader1" click="playSound();"
        source="@Embed(source='/opt/cloodon/site/media/img/speaker.gif')" />
</mx:Application>

Answer 1

除了@Dominic Tancredi的评论： OBJECT和EMBED标签都需要WIDTH和HEIGHT属性。

Answer 2

您应该在主mxml中指定Application的宽度和高度，即使它包含可点击的图像！
如果您希望自己的页面具有width: 400px和height: 100px的弹性图像（按钮??），那么您的Application标记必须如下所示：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="100">

尽管如此，在您的HTML中，您应该同时拥有object和embed个width和height标记，并且应该为您指定一个值embed标记的align属性，例如：align="middle"。

您的object代码应与

类似

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    width="400" height="100" id="myMovieName"
    codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
    <param name="movie" value="/media/players/testsound.swf"/>
    <param name="soundurl" value="/media/players/music.mp3"/>
    <param name="quality" value="high"/>
    <param name="bgcolor" value="#FFFFFF"/>
    <!-- the embed tag does not have href attribute  -->
    <embed width="400" height="100"  
        src="/media/players/testsound.swf" 
        flashvars="soundUrl=/media/players/music.mp3" 
        quality="high" bgcolor="#FFFFFF" 
        name="myMovieName" loop="false" align="middle"
        type="application/x-shockwave-flash"
        pluginspage="http://www.adobe.com/go/getflashplayer">
    </embed>
</object>

其他您的sndClass在哪里声明？如果您嵌入了mp3，则脚本标记应包含：

<mx:Script> <![CDATA[ import mx.core.SoundAsset; [Embed('/media/players/music.mp3')] private var _sound:Class; public var snd:SoundAsset = new _sound() as SoundAsset; public var sndChannel:SoundChannel; public function playSound():void { sndChannel=snd.play(); } ]]> </mx:Script>

如果您想从html指定mp3的路径，可以查看this post for reference。

更新2

要根据弹性按钮的大小设置html object的宽度和高度，您应该按如下方式更新应用程序mxml代码：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="1" height="1" backgroundColor="#bee3f6" horizontalScrollPolicy="off" verticalScrollPolicy="off" creationComplete="onCreationComplete()" viewSourceURL="srcview/index.html"> <mx:Script> <![CDATA[ import mx.events.FlexEvent; //This method will change the button's label ==> width. public function sayWhat():void { var _date:Date = new Date(); extButton.label = "It's " + (_date.getHours() + 1) + ":" + _date.getMinutes() + ((_date.getMilliseconds() % 2) == 0 ? ". nice." : ". very tired."); } public function onCreationComplete():void { // binds this.sayWhat to the external interface, so when from // javascript is called the compiled swf object's sayWhat function, // it will be transferred to this.sayWhat. ExternalInterface.addCallback("sayWhat", sayWhat); // set the flash application's size to be exact the button's size. this.width = extButton.width; this.height = extButton.height; try { // The js function: onFlashAppInited(width, height); // The next line tells the external interface (the parent application: // browser window), that this application has finished loading, its // ready to be used. // We're passing the button's width and height as parameters // In js there has to be a global method with this name. ExternalInterface.call("onFlashAppInited", extButton.width, extButton.height); } catch (e:Error) { trace(e.message + "\n" + e.getStackTrace(), e.name); } } protected function onButtonUpdateComplete(event:FlexEvent):void { // if the button's size has changed, we notify the javascript to set the // correct size to the object tag too. if ((this.width != extButton.width) || (this.height != extButton.height)) { // set the application size this.width = extButton.width; this.height = extButton.height; // notify the js about the change ExternalInterface.call("onFlashAppSizeChanged", this.width, this.height); } } ]]> </mx:Script> <mx:Button id="extButton" label="Do something!" updateComplete="onButtonUpdateComplete(event)" /> </mx:Application>

注意，最初这个应用程序只有1x1像素（如果更少，它将不会初始化！）。
在onCreationComplete处理程序中，其大小会更改为与按钮的大小匹配。

这些值（宽度和高度）将传递给javascript函数onFlashAppInited，您还应该更新它：

function onFlashAppInited(width, height) { alert("Flash app inited!"); appInited = true; onFlashAppSizeChanged(width,height); // remove the temporary swf container: tmp document.body.removeChild(document.getElementById("tmp")); } function onFlashAppSizeChanged(width, height) { flashApp.width = width + "px"; flashApp.height = height + "px"; }

html中SWF文件的高度和宽度

3 个答案: