`

flex动态切换皮肤

    博客分类:
  • flex
阅读更多

http://www.cnblogs.com/mobile/archive/2007/02/02/638038.html

不知道有没有人想我一样,刚开始的是怎么都不成功,原来是css文件要编译成swf文件 :(惭愧啊。

右键选择css文件,编译为swf;或者使用mxmlc aaa.css 就可以了,

下面的就是用StyleManager.loadStyleDeclarations('aqua.swf',true)来切换你的css了。

flex 皮肤

http://scalenine.com/blog/2007/01/25/try-themes-with-ease/

http://blog.163.com/to_yht/blog/static/1227257742009741359326/

http://fleksray.org/Flex_skin.html

 

Obsidian Theme: http://try.scalenine.com/obsidian/obsidian.css

iTunes 7 Theme: http://try.scalenine.com/itunes7/jukebox.css

WMP 11 Theme: http://try.scalenine.com/wmp11/wmp11.css

Moxy CSS Theme: http://try.scalenine.com/moxy/moxy.css

Minty CSS Theme: http://try.scalenine.com/minty/minty.css

Shadow CSS Theme: http://try.scalenine.com/shadow/shadow.css

Darkroom Theme: http://try.scalenine.com/darkroom/darkroom.css

Vista Blue Theme: http://try.scalenine.com/vistaBlue/vistaBlue.css

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Panel x="146" y="35" width="346" height="223" layout="absolute">
		<mx:Button x="43" y="125" label="Button"/>
		<mx:Button x="130" y="125" label="Button"/>
		<mx:CheckBox x="212" y="125" label="Checkbox"/>
		<mx:LinkButton x="122" y="71" label="LinkButton"/>
	</mx:Panel>
	
	
	<mx:Script>
		<![CDATA[
			private function changeStyle():void{
				var s:String=test.selectedItem.source;
				StyleManager.loadStyleDeclarations(s,true);
			}
		]]>
	</mx:Script>
	<mx:Style source="http://try.scalenine.com/obsidian/obsidian.css"/> 这样的话服务器需要安全策略文件crossdomain.xml
	<mx:HBox>
		<mx:ComboBox id="test">
		<mx:dataProvider>
			<mx:Object source="style/yflexskin.swf">
				
			</mx:Object>
			<mx:Object source="assets/skins/flex_skins.swf">
				
			</mx:Object>
		</mx:dataProvider>
	</mx:ComboBox>
	<mx:Button label="changeStyle()" click="changeStyle();"/>
	</mx:HBox>
	
</mx:WindowedApplication>
分享到:
评论

相关推荐

    flex 皮肤切换

    本示例着重讲解如何实现自定义皮肤的应用,特别是通过点击按钮来动态切换皮肤。 首先,我们需要理解Flex中的皮肤概念。在Flex中,每个组件(如Button、ComboBox等)都可以有多个皮肤,每个皮肤都是一个独立的类,...

    flex皮肤flex皮肤

    虽然皮肤提供了丰富的自定义选项,但过多的皮肤切换或复杂的皮肤结构可能会对性能产生影响,因此在设计时需要注意优化。 9. **最佳实践** - 保持皮肤简洁,避免过度设计。 - 使用9-patch图像(九宫格图)来处理...

    FLEX+Flash动态更换皮肤演示

    通过这个“FLEX+Flash动态更换皮肤演示”,开发者不仅可以学习到如何在Flex应用中实现动态皮肤更换,还能深入了解Flex和Flash之间的协同工作,以及如何通过ActionScript和MXML结合来增强用户体验。这种技术在创建...

    flex 皮肤样式css+style

    Flex是一种用于构建富互联网应用程序(RIA)的框架,它基于ActionScript和Flash技术,允许开发者创建具有高度交互性和动态效果的网页内容。 首先,我们需要了解Flex中的皮肤。在Flex中,皮肤是用户界面组件外观的可...

    Flex万年历记事本_flex源码

    9. **样式和皮肤**:Flex支持样式和皮肤,开发者可以通过定义CSS样式来改变组件的外观,使应用符合特定的设计风格。 10. **响应式设计**:考虑到跨设备兼容性,开发者可能使用Flex的弹性布局(Flexbox)或响应式...

    Flex皮肤总结

    在Flex应用中,皮肤是界面元素外观的关键组成部分,它决定了控件的样式、颜色、形状以及用户交互时的动态效果。这篇博客将深入探讨Flex皮肤的相关知识点,帮助开发者更好地理解和定制自己的Flex应用界面。 1. **...

    flex 写的一个家具动态换肤

    6. **性能优化**:尽管动态换肤增强了用户体验,但频繁的皮肤切换可能影响性能。为了优化,可以考虑预加载皮肤,使用缓存策略,或者优化皮肤组件的设计,以减少内存占用和渲染时间。 7. **设计模式**:在实现动态...

    Flex 模拟CheckBox多状态切换

    "Flex模拟CheckBox多状态切换"就是这样一个例子,它扩展了标准的CheckBox组件,提供了√、×、和○三种状态供用户选择,以实现更丰富的交互体验。在本文中,我们将深入探讨如何在Flex中实现这样的功能。 首先,我们...

    flex主题(skin)

    Flex主题(Skin)是Adobe Flex框架中的一个重要概念,它关乎应用程序的外观和用户体验。在Flex中,皮肤定义了UI...通过灵活地切换和定制皮肤,开发者可以创造出独具特色的Flex应用程序,满足多样化的设计和功能需求。

    flex4.5httpservice实现搜狐焦点图新闻和特效按钮皮肤制作

    在本项目中,“flex4.5httpservice实现搜狐焦点图新闻和特效按钮皮肤制作”涉及到的核心技术是 Flex 4.5 的 HTTPService 组件、自定义皮肤以及动态数据展示。 HTTPService 是 Flex 中用于与服务器进行 HTTP 通信的...

    flex4.5.1.chm flex4API文档

    6. ** States 和 Transitions**:Flex 4 引入了状态管理和过渡效果,使得在不同UI状态之间轻松切换,为用户带来动态的交互体验。 7. **Flex Builder**:虽然这里提到的是API文档,但值得一提的是,Flex Builder...

    Flex4五子棋源码

    此外,Flex4的皮肤层使得界面设计更具可定制性,开发者可以轻松地改变应用的外观和感觉。还有改进的图形渲染引擎,使Flex应用程序能展示更复杂、更精细的视觉效果。 五子棋源码本身涉及到的基础知识点包括: 1. **...

    Flex 4 高级编程 Flex 4 高级编程

    4. **骨骼动画(Skinning and States)**:Flex 4 强化了组件的皮肤机制,通过定义不同状态(如normal、hover、down等),可以实现组件在不同交互下的动态变化,增强了用户体验。 5. **数据绑定和依赖注入**:Flex ...

    flex4 学习资料

    5. **_states_ 和 _transitions_**:Flex4中新增的状态管理机制,使得组件在不同状态间切换更加平滑,可以定义过渡效果(transitions)来实现动态视觉效果。 6. **Graphical Asset Creation**:包括位图、矢量图...

    Flex 4的十大变化

    4. **View States改进**:Flex 4对视图状态进行了优化,简化了状态切换的语法,使得组件在不同状态下的显示和行为管理变得更加容易。新的`includeIn`和`excludeFrom`属性使得开发者可以更灵活地控制组件在哪些状态中...

    dh.rar_flex cool me_flex menu skin_flex 导航_flex4 menu_flex4 menu

    "flex 导航"可能指的是导航组件,如NavgationStack、TabBar、Accordion等,它们在Flex应用中用于组织和切换不同的视图或内容。这些组件有助于用户在多页面或多层次的结构中进行浏览,提高应用的易用性。 至于...

    Flex播放器实例带源码的flex制作的播放器

    Flex是基于ActionScript 3.0,这是一门面向对象的编程语言,用于在Flash Player和Adobe AIR中创建动态效果和交互性。MXML是Flex的主要标记语言,用于定义用户界面布局和组件,使得非程序员也能轻松设计UI。Flex SDK...

    flex4实现的简单相册实例

    8. **皮肤和样式**:Flex4支持自定义组件皮肤和全局样式,允许开发者调整应用的外观。在相册应用中,可能定义了特定的皮肤以匹配相册的主题和风格。 9. **响应式设计**:考虑到不同设备的屏幕尺寸,现代的Flex应用...

    Flex4.0中文API.rar

    2. **MXML和ActionScript混合编程**:Flex 4.0允许开发者在MXML和ActionScript之间自由切换,MXML用于界面布局和组件声明,ActionScript则用于处理业务逻辑和数据绑定。这种混合编程模式提高了开发效率。 3. **...

Global site tag (gtag.js) - Google Analytics