apache-flex 如何将内容置于mx:HTML元素之上?

8gsdolmq  于 2022-11-01  发布在  Apache
关注(0)|答案(2)|浏览(133)

如何将代码放在mx:HTML元素之上呢?无论我将代码放在哪里,它总是在<mx:HTML>元素之下。这能做到吗?
示例:

<mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
<mx:Label x="150" y="50" color="#ffffff" text="CAN YOU SEE ME?"/>    
<mx:HTML x="0" y="0" width="500" height="500" location="http://www.google.com/"/>
<mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
<mx:Label x="150" y="50" color="#ffffff" text="CAN YOU SEE ME?"/>
yk9xbfzb

yk9xbfzb1#

上面的代码运行得非常好。在AbsoluteLayout中,内容是按顺序添加的,因此第一个和第二个项目被隐藏在较大的HTML后面。但是后面的Canvas和Label在HTML的顶部是非常明显的。用下面的代码示例(主要是你自己的)运行并查看它:

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:Panel>
        <mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
        <mx:Label x="150" y="50" color="#000000" text="CAN YOU SEE ME?"/>    
        <mx:HTML x="0" y="0" width="500" height="500" location="http://www.google.com/"/>
        <mx:Canvas x="50" y="50" width="50" height="50" backgroundColor="#ff0099"/>
        <mx:Label x="150" y="50" fontSize="32" color="#654321" text="CAN YOU SEE ME?"/>

    </s:Panel>
</s:WindowedApplication>
ncecgwcz

ncecgwcz2#

通常情况下,元素会按照它们在容器中的添加顺序呈现。根据我的测试,HTML元素后面的画布和标签会显示在它上面,但文本显示为白色(color="#ffffff”),因此您不会看到它。

相关问题