1

我需要在 flex 3 中有一个组框 - 简单的边框，顶部有一个标题，但顶部的标题不应该有任何边框线穿过它。

我在网上搜索，我能得到的最接近的来源是

http://keg.cs.uvic.ca/flexdevtips/titledborder/srcview/

但问题是我无法在设计模式下查看组框上的内容。有谁知道如何解决这一问题？

然后我决定使用画布和输入框

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
<mx:TextInput 
        text="This should be my label" 
        x="124" y="72" 
        width="166" height="32" 
        borderStyle="solid" 
        fontWeight="bold" 
        color="#003366" backgroundColor="#D81010"/>

<mx:Canvas x="107" y="88" width="263" height="200" borderStyle="solid" label="Testst">
</mx:Canvas>            
</mx:Application>

但我似乎无法让 Textinput 位于画布之上。有一条线穿过盒子，如下图所示

在此处输入图像描述

有谁知道如何解决这个问题或有更好的主意？

谢谢

4

2 回答 2

2

您正在寻找的是与 HTML 中的“fieldset”等效的组件。使用创建组件来更好地控制样式会更容易。对于 Flex 2/3，您可以使用jwopitz-lib；但如果您可以使用 Flex 4 或更高版本，请尝试使用ShinyLib组件（特别是FieldSet 类和FieldSet 外观）。如果您可以将应用程序迁移到 Flex 4 或最新的 Flex 会更容易，您会接触到更多的组件。

于 2012-07-23T18:21:03.007 回答
1

要使自定义组件在设计模式下工作，您需要将代码编译到 SWC 库中。然后在您的应用程序项目中引用 SWC 库。我从来没有费心去做这件事，我想你可能会得到好坏参半的结果。5 年多来我没有打扰过设计模式 :)

“窗口”组件（在您在问题中链接到的 URL 中）在设计模式下工作的原因是它扩展了 Flex 组件TitleWindow。由于它扩展了现有的 Flex 组件，我假设设计模式知道如何呈现它。

于 2012-07-23T16:41:47.043 回答