FLEX界面控制

? 显示风格 -?控制窗体不显示边框和最小化、最大化按钮,需要修改窗体同名的?name-app.xml 文件。

<!--?The?type?of?system?chrome?to?use?(either?"standard"?or?"none").?Optional.?Default?standard.?-->
<systemChrome>none</systemChrome>
<!--?Whether?the?user?can?minimize?the?window.?Optional.?Default?true.?-->
<!--?<minimizable></minimizable>?-->

<!--?Whether?the?user?can?maximize?the?window.?Optional.?Default?true.?-->
<!--?<maximizable></maximizable>?-->

<!--?Whether?the?user?can?resize?the?window.?Optional.?Default?true.?-->
<resizable>false</resizable>

????

?不显示状态栏

showStatusBar="false"

????拖动效果 -?无边框后可以在布局容器中加入鼠标事件模拟拖动效果

/**
?*?鼠标按下开始拖曳移动并降低透明度
?*/
protected?function?group1_mouseDownHandler(event:MouseEvent):void
{
	//?TODO?Auto-generated?method?stub
	this.nativeWindow.startMove();?
	this.alpha?=?0.6;?
}
/**
?*?鼠标松开恢复透明度
?*/
protected?function?group1_mouseUpHandler(event:MouseEvent):void
{
	//?TODO?Auto-generated?method?stub
	this.alpha?=?1;?
}

设置控件属性 -- 前台Xml代码中的很多属性在后台Action Script 代码中无法调用

//?绘制?背景容器
var?panelBack?:BorderContainer?=?new?BorderContainer();
//?可以通过这种方式设置背景图片
panelBack.setStyle("styleName",?"mybackground");
panelBack.setStyle("borderAlpha",?0);
panelBack.setStyle("borderWeight",?0);
//?圆角
panelBack.setStyle("cornerRadius",?diameter);
//?设置字体
lblValueA.setStyle("color",colorForeCircle);
lblValueA.setStyle("fontFamily",?"Arial");
lblValueA.setStyle("fontSize",?24);
lblValueA.setStyle("fontWeight",?"bold");

在代码中无法直接使用嵌入的样式或连接的CSS文件，只能在画面中声明出使用的CSS样式

<fx:Style>
	@namespace?s?"library://ns.adobe.com/flex/spark";
	@namespace?mx?"library://ns.adobe.com/flex/mx";
	.mybackground?{?
		/*?backgroundImage:?Embed(source="images/b.png");
		backgroundSize:?800px;
		backgroundColor:?#cccccc;?*/?
		/*?			font-size:14;??*/
		/*?fontSize:24;??*/?
		background-image:Embed("./image/background.jpg");?
		/*background-position:right,bottom;*/?
		/*background-blend:multiply;*/?
		/*?background-size:"100%";?
		backgroundImageFillMode:?repeat?*/;
	}?
</fx:Style>