flex中如何设置Alert背景图片的例子

发布时间：2020-12-15 05:04:02 所属栏目：百科来源：网络整理

导读：http://blog.minidx.com/2009/11/05/3021.html 下面是main.mxml： ? xml version = " 1.0 " encoding = " utf-8 " ? s:Application name = " Halo_Alert_borderSkin_test " xmlns:fx = " http://ns.adobe.com/mxml/2009 xmlns:s = " library://ns.adobe.com/

http://blog.minidx.com/2009/11/05/3021.html

下面是main.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:Application name="Halo_Alert_borderSkin_test"
xmlns:fx="http://ns.adobe.com/mxml/2009xmlns:s="library://ns.adobe.com/flex/sparkxmlns:mx="library://ns.adobe.com/flex/halo">
?
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";
?
mx|Alert {
borderSkin: ClassReference("skins.CustomPanelBorderSkin");
}
</fx:Style>
?
<fx:Script>
<![CDATA[
import mx.controls.Alert;
?
protected function btn_clickHandler(evt:MouseEvent):void {
var a:Alert = Alert.show("The quick brown fox jumps over the lazy dog","Alert title");
a.status = mx_internal::VERSION;
}
]]>
</fx:Script>
?
<mx:ApplicationControlBar width="100%cornerRadius="0">
<s:Button id="btnlabel="Launch Alertclick="btn_clickHandler(event);" />
</mx:ApplicationControlBar>
?
</s:Application>

下面为skins/CustomPanelBorderSkin.mxml的代码:

<?xml "?>
<s:SparkSkin "CustomPanelBorderSkinimplements="mx.core.IRectangularBorder">
?
<fx:Script>
import mx.core.EdgeMetrics;
import mx.core.IUIComponent;
?
/* Define the skin elements that should not be colorized.
For panel,border and title backround are skinned,but the content area and title text are not. */
static private const exclusions:Array = ["background"];
override public function get colorizeExclusions():Array {
return exclusions;
}
?
/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
static private const contentFill:Array = [];
override public function get contentItems():Array {
return contentFill
};
?
private var _metrics:EdgeMetrics = new EdgeMetrics(1,32,1,1);
public function get borderMetrics():EdgeMetrics {
var hasPanelParent:Boolean = isPanel(parent);
var controlBar:IUIComponent = hasPanelParent ? Object(parent).mx_internal::_controlBar : null;
if (controlBar && controlBar.includeInLayout) {
_metrics.bottom = controlBar.getExplicitOrMeasuredHeight() + 1;
} else {
_metrics.bottom = 1;
return _metrics;
public function get backgroundImageBounds():Rectangle {
return null;
public function set backgroundImageBounds(value:Rectangle):void {
public function get hasBackgroundImage():Boolean {
return false;
public function layoutBackgroundImage():void {
override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void {
var em:EdgeMetrics = borderMetrics;
if (em.bottom > 1) {
cbbg.height = em.bottom - 1;
cbdiv.bottom = cbbg.height;
cbbg.visible = cbdiv.visible = true;
cbbg.visible = cbdiv.visible = false;
super.updateDisplayList(unscaledWidth,unscaledHeight);
private static var panels:Object = {};
?
private static function isPanel(parent:Object):Boolean {
var s:String = getQualifiedClassName(parent);
if (panels[s] == 1) {
return true;
if (panels[s] == 0) {
if (s == "mx.containers::Panel") {
panels[s] == 1;
var x:XML = describeType(parent);
var xmllist:XMLList = x.extendsClass.(@type == "mx.containers::Panel");
if (xmllist.length() == 0) {
panels[s] = 0;
panels[s] = 1;
]]>
</fx:Script>
?
<s:Rect left=top=right=bottom=">
<s:filters>
<s:DropShadowFilter blurX="20blurY=alpha="0.32distance="11angle="90knockout="true" />
</s:filters>
<s:fill>
<s:SolidColor color=" />
</s:fill>
</s:Rect>
?
<s:Rect ">
<s:stroke>
<s:SolidColorStroke "0.50weight="1" />
</s:stroke>
</s:Rect>
?
<s:Rect "background"0.6">
<s:fill>
<s:BitmapFill source="@Embed('assets/pattern_158.gif')
<s:Rect height="30">
<s:fill>
<s:LinearGradient rotation=">
<s:GradientEntry "0xE2E2E2" />
<s:GradientEntry "0xD9D9D9" />
</s:LinearGradient>
</s:fill>
</s:Rect>
?
<s:Rect ">
<s:stroke>
<s:LinearGradientStroke "0xEAEAEA" />
</s:LinearGradientStroke>
</s:stroke>
</s:Rect>
<s:Rect "31">
<s:fill>
<s:SolidColor "0xC0C0C0
<s:Rect "cbbg"0xE8E8E8
<s:Rect "cbdiv"0xCDCDCD" />
</s:fill>
</s:Rect>
?
</s:SparkSkin>

效果如下：

（编辑：李大同）

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