- <? xml version = " 1.0 " encoding = " utf-8 " ?>
- < mx:Application xmlns:mx = " http://www.adobe.com/2006/mxml "
- layout = " vertical "
- verticalAlign = " middle "
- backgroundColor = " white " >
- < mx:Style >
- Alert {
- statusStyleName: "myStatus";
- roundedBottomCorners: false;
- dropShadowEnabled: false;
- cornerRadius: 10;
- }
- .myStatus {
- color: red;
- fontWeight: bold;
- }
- </ mx:Style >
- < mx:Script >
- <![CDATA[
- import mx.controls.Alert;
- private var alert:Alert;
- private function init():void {
- var alertText:String = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse rutrum metus nonummy augue. In hac habitasse platea dictumst. Nulla arcu libero, nonummy non, suscipit a, mollis non, augue. Maecenas porttitor urna vel enim. Nam eget tortor. Mauris facilisis suscipit felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin nunc turpis, venenatis non, laoreet at, fringilla nec, purus. Sed sodales. Sed turpis. Vestibulum sagittis justo id metus. Sed placerat, nibh lobortis mattis adipiscing, sapien wisi interdum arcu, nec vehicula sem tortor id nibh.";
- var alertTitle:String = "The quick brown fox jumped over the lazy dog.";
- alert = Alert.show(alertText, alertTitle);
- alert.status = "I'm a status message";
- }
- ]]>
- </ mx:Script >
- < mx:ApplicationControlBar dock = " true " >
- < mx:Button label = " Show alert " click = " init(); " />
- </ mx:ApplicationControlBar >
- </ mx:Application >
本文介绍了一个使用Adobe Flex框架实现的自定义警告框样式案例。通过修改Alert组件的样式属性,如边角圆滑度、阴影效果及状态文本颜色等,实现了更加美观且符合需求的警告框展示效果。代码中还展示了如何初始化并显示一个包含特定标题和文本内容的警告框。
346

被折叠的 条评论
为什么被折叠?



