利用已经构建到 Adobe® Flex™ 框架内 CSS 强大功能本文提供了在 Flex 内开始使用 CSS 所需信息也提供了在使用 Flex 设计和开发用户界面时加速工作流提示和窍门技巧
运行时 CSS
Flex Version 3 内个有趣特性是您能像编译个 SWF 文件样编译个 CSS 文件并在运行时加载它使用这个特性您就能够让用户基于其各自喜好更改应用观感您可能已经看到过这类功能在社区媒体网站WebSite内被使用过其中 JavaScript™ 代码被用来在用户选择个新设计 view.Compile 样式表时切换 CSS 文件以便在运行时加载
毫不奇怪在 Flex 内实现此任务十分容易只需创建个新 CSS 文件将 CSS 样式选择器放入其内并保存此文件然后在 Flex 导航面板(Flex Development 模式内左上方面板)内右键单击刚刚创建这个 CSS 文件然后单击 Compile CSS to SWF
StyleManager 类
在创建并编译完想要在应用内使用以便分离 SWF 文件所需所有样式表的后可以使用 Flex StyleManager 类来轻松切换样式表如 清单 8 所示
清单 8. 使用 StyleManager 类在运行时加载预编译样式表
private function loadFirstStyleSheet:void {
StyleManager.loadStyleDeclarations("CSS1.swf");
}
private function loadSecondStyleSheet:void {
StyleManager.loadStyleDeclarations("CSS2.swf");
}
计算成本
在运行时加载预先编译样式表时需要考虑很重要点是由此给用户系统带来负荷使用这个设计实现思路方法时应该非常谨慎和小心过多使用这个思路方法会缺少可用系统资源而快速降低应用性能
主题和皮肤处理
我最欣赏 Adobe 点就是它致力于缩小其所提供用来简化及加快设计开发工作流程各种工具间差距实际上在设计 Flex UI 时我喜欢部分就是可以在 Adobe 应用 Flex、Illustrator®、Flash®、Photoshop® 及 Fireworks® 间自由出入 — 完全取决于我想要实现什么
结束语
本文向您展示了用 Flex 应用实现 CSS 些思路方法和窍门技巧不过我并未论及内置到 Flex 和 AIR 设计能力 — 特别是有关创建和实现皮肤这其中会大量涉及到 CSS 使用此外尽管本文已给了您个很好开始但我仍然强烈建议您在开发定制组件时要继续研究 Flex 和 CSS 使用这也就是说当您完成了有关 Flex 和 CSS 研究时且自己感觉对这个主题有了透彻了解时我建议您不妨尝试扩展 UIComponent 类并由此开发个定制组件让它成为可伸缩和可定制以便其他人也可以使用您组件
上页123456789="current">10
最近更新最后刷新时间:2009-08-30 02:00:29
- 探索 Flex 和 CSS 强大功能
- 稳扎稳打Silverlight(37) - 3.0动画的Easing(缓动效果)
- 稳扎稳打Silverlight(36) - 3.0Control控件的TreeView, ListBox增强, DataGrid增强, MediaElement增强
- 稳扎稳打Silverlight(35) - 3.0Control控件的ChildWindow, SaveFileDialog, HeaderedItemsControl, VirtualizingStackPanel
- 稳扎稳打Silverlight(34) - 3.0Control控件的Frame, Page, Label, DescriptionViewer, ValidationSummary
- 稳扎稳打Silverlight(33) - 3.0Control控件的AutoCompleteBox, DataPager
- 使用Flash Builder 4 beta进行以数据为中心开发
- 基于Facebook和Flash平台应用架构解析()
- Flash cs3仿真艺术设计:模糊滤镜应用
- 基于SoPC目标板Flash编程设计创建及应用
设计资讯
- ·第 7届全国书籍设计艺术展金秋开幕
- ·2009北京世界设计大会—展设计力量秀创意的风
- ·乌克兰 Top 20平面设计作品在基辅开展
- ·如何抓住明天中国消费者?
- ·揭秘动画大片功夫熊猫是如何炼成
- ·我国动漫产业发展 4大难题亟待破解
- ·曹鹏:痛批伪成功学
- ·曹鹏:新概念成就英语
- ·曹鹏:英语+编程威力
- ·遇见曹鹏是学习者幸运
专题推荐
- ·Flash 8 入门经典教程
- ·Flash 8.0 动画编程视频教程
- ·Flash 8 例子视频教程
- ·Flash AS 入门到精通教程
- ·Flash Action Script 3
- ·Flash 遮罩入门
- ·Flash 补间动画
- ·Flash 绘画教程
- ·Flash 游戏开发例子
- ·Flash 动画例子教程
- ·SilverLight 专题
- ·更多Flash专题>>>
有关我们 | 联系我们 | 版权申明 | 广告服务 | 网站WebSite律师 | 报告 | 免责条款
Copyright © 2002 - 2009 ddvip All Rights Reserved
版权所有
最新评论