flex 模态对话框背景属性更改

发布时间：2020-12-15 00:56:30 所属栏目：百科来源：网络整理

导读：昨天在调整项目的界面，发现flex有个特别丑陋的东西，那就Alert。每次弹出的模态窗口下面都有一个蓝黑蓝黑的overlay，文字也被模糊，真叫一个难看。如图：想去掉这个overlay，于是google。有一说使用非模态窗，靠这肯定不行，还得一定是模态的。想想还得

昨天在调整项目的界面，发现flex有个特别丑陋的东西，那就Alert。每次弹出的模态窗口下面都有一个蓝黑蓝黑的overlay，文字也被模糊，真叫一个难看。如图：

想去掉这个overlay，于是google。
有一说使用非模态窗，靠这肯定不行，还得一定是模态的。
想想还得从css入手，继续google，功夫不负有心人，终于找到一篇如何取消FLEX里模态窗口的毛玻璃效果，其中是这样写的：

引用

问：
LYU-9 ：
在Flex里面，比如使用
PopUpManager.createPopUp(this,TipWindow,false)
第三个参数设成true 会出现毛玻璃效果让CPU飙升，可不可以改变模态窗口的效果，不让毛玻璃出现？
答：
桃花奶奶：
改下css样式就ok了。比如说我们用的是titlewindow，我们就改titlewindow中的：
modal-transparency-blur:0;
??????? modalTransparency:0;
问：LYU-9
那个Alert.show()是不是也可以改样式呢？
答：妖子 (6级)
一样的。这个是默认的Alert样式，你在代码里改就可以了。
??????? Alert
??????? {
???????? backgroundAlpha: 0.90; /* controls the alpha of the panel content area. */
???????? backgroundColor: #869CA7;
???????? borderAlpha: 0.90; /* controls the alpha of the panel top,bottom and sides. */
???????? borderColor: #869CA7;
.......
??????? }

这篇文章的结果就是使用Alert全局样式，然后设置modal-transparency-blur为0，modalTransparency为0。

Java代码 ?

收藏代码

Alert{??
????modalTransparency:0;??
????modal-transparency-blur:0;??
}??

坑爹呀你，靠有用吗！我以前做ToolTip的时候也这样说，定义一样式，有用吗，木用。还绕着弯到事件里面去定义ToolTip的样式。如图：

最后还是不效果，靠超级的郁闷中。。。

转折点
今天，无意中看到一篇将应用程序从Flex 3迁移至Flex 4(转载)，随便拉拉看看，注意到文中提到一段Css代码：

Java代码 ?

收藏代码

s|Button,?s|ToggleButton??
{??
????skin-class:?ClassReference("controls.skins.IconButtonSkin");??
}??

注意其中这个s|Button，靠这个不就有一个命名空间的概念在里面。难道我的css样式写法也得这样。
马上回到自己的样式写上

Java代码 ?

收藏代码

mx|Alert{??
????modalTransparency:0;??
????modal-transparency-blur:0;??
}??

于是乎：

呵呵这个世界清静了！

最后，有个问题就是，在这个flex版本乱飞的年代，难道各位老大在写flex的css样式只是

Java代码 ?

收藏代码

Alert{??
????modalTransparency:0;??
????modal-transparency-blur:0;??
}??

这样的吗？坑爹呀！提醒初学者，使用组建方式写css时，记得带上命名空间。如：ToolTip要写成mx|ToolTip(halo主题)或者是s|ToolTip(spark主题)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!