Question

在我的Flex 4应用程序中，我希望所有警报框都是特定的宽度和高度，如何在CSS中指定？我想避免在每次要显示警报时指定宽度和高度，这就是为什么我想在CSS中设置它，但看起来不像是有办法... 这样的事情不起作用：

mx|Alert
{
  height: 100;
  width: 300;
}

Answer 1

你可以像这样使用Style + Code

将样式属性定义为

Alert {

        height:300;
        weight:300;
    }

注意：身高和体重不提示的默认风格

在代码中将它们用作

var alert:Alert = Alert.show("Hello World");
alert.explicitHeight = Number(alert.getStyle("height"));
alert.explicitWidth = Number(alert.getStyle("weight"));

Flex3的工作示例是

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete="{show()}">
    <mx:Style>
        Alert {

            height:300;
            weight:300;
        }
    </mx:Style>
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            private function show():void
            {
                var alert:Alert = Alert.show("Hello World");
                alert.explicitHeight = Number(alert.getStyle("height"));
                alert.explicitWidth = Number(alert.getStyle("weight"));
            }
        ]]>
    </mx:Script>
</mx:Application>

解释

由于提示默认控制不支持身高和权重风格，所以示例仅将持有用户定义的值用作变量。

在屏幕上显示警报/弹出的例程静态方法警告警告的方法返回已创建/活动警告/弹出窗口的实例/对象，使用此引用可以在运行时操作其属性，如上例所示，即 explicitHeight 和 explicitWidth 。

希望有帮助

Answer 2

CSS只能用于设置组件的样式属性。 mx：Alert没有基于维度的样式属性，因为您可以看到here - 尽管有一个用于调整名为“headerHeight”的标题的高度。

您可以尝试扩展mx：Alert类并为其提供新的样式属性，以允许您通过CSS更改维度。或者您可以扩展类并在其构造函数中为其指定默认维度。

Answer 3

你无法开箱即用，但你可以通过扩展警报并在updateDisplayList中添加自己的逻辑来检查样式并适当更改属性来实现。

但一般不推荐。只需使用给你的属性。

如何在css中指定flex警告框的高度和宽度？

3 个答案: