前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flex中CSS样式的切换

Flex中CSS样式的切换

作者头像
meteoric
发布2018-11-15 16:10:01
1.1K0
发布2018-11-15 16:10:01
举报
文章被收录于专栏:游戏杂谈游戏杂谈
代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600"
				creationComplete="init();"
				>
	
	<mx:Script>
		<![CDATA[
			private function init():void {
				StyleManager.loadStyleDeclarations('style1CSS.swf');
			}
		]]>
	</mx:Script>
	
	<mx:ComboBox 
		id = "styleCombo" top="10" left="10" right="10"
		dataProvider="['style1CSS', 'style2CSS', 'style3CSS']"
		change="StyleManager.loadStyleDeclarations(styleCombo.selectedItem + '.swf')"
		/>
	
</mx:Application>
image
image

style1CSS.css定义了Application容器的背景色与背景图:

代码语言:javascript
复制
Application { 
   backgroundImage: Embed(source="assets/backgrounds.swf#bluestripe");
   themeColor: #009999;
}

style2CSS.css为:

代码语言:javascript
复制
Application { 
   backgroundImage: Embed(source="assets/brushedmetal.jpg");
   themeColor: #0033cc;
}

style3CSs.css为:

代码语言:javascript
复制
Application { 
   backgroundImage: Embed(source="assets/backgrounds.swf#retroFifties");
   themeColor: #ff9900;
}

运行的效果图:

image
image

实例与资源请到这个地址下载自行测试:www.idceye.com/blog/post/281/

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2010-09-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档