加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex设置样式

发布时间:2020-12-15 05:14:07 所属栏目:百科 来源:网络整理
导读:常见写法有三种 (1) Button {? ????? skinClass: ClassReference("com.rianote.flex.skin.KButton"); ???? } (2)Button skinClass="com.rianote.flex.skin.KButton" / (3)myButton.setStyle( "skinClass",Class( KButton )); 其中第3中,如果用全路径,要先

常见写法有三种
(1) Button {?
????? skinClass: ClassReference("com.rianote.flex.skin.KButton");
???? }
(2)<Button skinClass="com.rianote.flex.skin.KButton" />
(3)myButton.setStyle( "skinClass",Class( KButton ));

其中第3中,如果用全路径,要先导入类

import?? com.view.skins.WallSkin;
?? this.plLeft.setStyle("skinClass",Class(com.view.skins.WallSkin));

?

设置按钮的背景样式

[Embed(source="upSkin.jpg"")]
public var UpSkin: Class;
private var btn:Button=new Button();
btn.label="testBtn";
btn.setStyle("upSkin",UpSkin);
通过上面的方式能正常给按钮设置一个背景样式;

?

?

在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式

代码:

?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
?layout="vertical"
?verticalAlign="middle"
?backgroundColor="white"
?creationComplete="init();">

?<mx:Script>
?<![CDATA[
?import mx.controls.Alert;
?import mx.styles.StyleManager;

?private var alert:Alert;
?private var alertCSS:CSSStyleDeclaration;

?private function init():void {
?alertCSS = StyleManager.getStyleDeclaration("Alert");
?}

?private function showAlert(color:Object):void {
?alertCSS.setStyle("modalTransparencyColor",color);
?alertCSS.setStyle("themeColor",color);
?alert = Alert.show("The quick brown fox...");
?}
?]]>
?</mx:Script>

?<mx:ApplicationControlBar dock="true">
?<mx:Button label="Red"
?themeColor="red"
?click="showAlert('red');" />
?<mx:Button label="Orange"
?themeColor="haloOrange"
?click="showAlert('haloOrange');" />
?<mx:Button label="Yellow"
?themeColor="yellow"
?click="showAlert('yellow');" />
?<mx:Button label="Green"
?themeColor="haloGreen"
?click="showAlert('haloGreen');" />
?<mx:Button label="Blue"
?themeColor="haloBlue"
?click="showAlert('haloBlue');" />
?</mx:ApplicationControlBar>

</mx:Application>

(编辑:李大同)

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

    推荐文章
      热点阅读