`
duker
  • 浏览: 105891 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex skinning 机制实践

FlexYahooCSSFlash框架 
阅读更多

 

Flex 中的组件框架中包含了对组件外观进行定制的功能 (skinning), 通过 skinning 机制 , 可以在保留组件交互特性不变的情况下 , 将可视外观完全替换掉 . Skin 的替换主要是在 css 中为组件指定相应的 skin 图形资源来实现 ,skin 图形资源可以是以下几种类型 : 继承自 ProgrammaticSkin 的类 , 图形文件 , 存储在 swf 文件中的一个符号 (symbol). 根据需要可以仅为应用程序中用到的组件替换 skin, 也可以设计一套完整的 , 针对所有组件的 skin. 例如 yahoo 就制作了一套较完整的 skin, 可以免费下载使用

(http://developer.yahoo.com/flash/articles/assets/flex-skinning/yflexskin.html )

下面这幅图是我在实践这个 skinning 机制过程中的一个播放器 , 使用的组件都是标准的 flex 组件 :Button,HSlider,Label 等 . 播放进度部分为了能够同时显示播放进度和下载进度 , 对 HSlider 进行了扩展 . 附件里面是这个播放器的源码 .

 

<!----><!----><!---->

  • 大小: 29.4 KB
4
顶
1
踩
分享到：
| 使用easy eclipse,flex builder,集成开发 j ...
评论
2 楼 duker 2008-04-23  
多谢支持
1 楼 mikel 2008-04-23  
不错，转载ing........
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Flex4 开发实践 书中源码

    4. **_states_ 和 _skinning_**：Flex4强化了状态管理和皮肤设计。开发者可以通过定义不同状态来改变组件在特定场景下的外观，而皮肤系统允许自定义组件的外观，以适应不同的应用场景。 5. **ActionScript Workers...

    flex4.0工程源码学习实例

    通过研究源码，你可以了解如何利用ActionScript 3.0创建自定义组件，以及如何使用Flex Skinning和Styling机制来改变组件外观。 描述中提到的学习实例没有具体项目概念，这意味着它们可能包含各种独立的代码片段或...

    Flex仿windows7

    例如，通过研究Flex仿Windows7的源码，我们可以学习如何使用 Flex的Effect 类来创建复杂的动画效果，或者如何利用Skinning机制来改变组件的外观。 在实际应用中，Flex仿Windows7可能适用于开发桌面应用程序、模拟...

    flex教程_chm

    此外，Flex 4.0还引入了Skinning和States机制，使得界面设计更加灵活，能够根据不同的应用状态呈现出不同的视觉效果。Flex Builder（现为Flash Builder）作为集成开发环境（IDE），提供了强大的代码提示、调试和预览...

    flex4 实战 flex4 in action

    新的骨骼动画系统（Skinning and States）也是Flex 4的一大亮点，允许开发者通过状态管理轻松实现UI组件在不同场景下的动态变换。 本书将带领读者深入学习Flex 4的构建环境Flash Builder，讲解如何创建项目、编写...

    Flex4.0中文API

    Flex 4.0带来了许多显著的改进和新特性，包括Spark组件模型、Skinning和Styling机制、新的图形和动画引擎以及数据绑定增强。这些更新极大地提高了开发者的灵活性和应用程序的表现力。 1. Spark组件模型：Flex 4.0...

    flex4.0快速入门

    4. **Skinning与Theming**：Spark组件的一大亮点就是皮肤（Skin）和主题（Theme）机制。通过皮肤，开发者可以改变组件的外观；通过主题，可以在全局范围内统一应用的视觉风格。 5. **格栅布局（Grid Layout）**：...

    Flex4实战源代码

    2. **Skinning和Styling**：在Flex4中，皮肤(Skin)和样式(Style)系统得到了大幅度增强。开发者可以独立于组件逻辑来定义组件外观，这极大地提高了界面设计的灵活性。 3. **图形渲染引擎(Gumbo)**：Flex4引入了新的...

    Flex3宝典代码很详细很实用最适合初学者

    6. **States和Skinning**：Flex组件可以有多个状态，如“normal”、“disabled”等，你可以根据状态改变组件外观。皮肤机制让你能自定义组件的视觉样式。 7. **Event Handling**：事件驱动编程是Flex应用的核心，...

    flash_flex.rar_flex

    在IT行业中，Adobe Flash Flex是一种基于ActionScript 3（AS3）的开发框架，用于构建富互联网应用程序（RIA）。...文档"flash_flex.doc"可能详细解释了这些概念，并提供示例代码和最佳实践，是学习Flex开发的宝贵资源。

    Flex_4.0_RIA开发详解讲义.rar

    1. **Flex 4.0简介**：Flex 4.0，又称为Gumbo，是Flex框架的重大更新，引入了全新的Spark组件架构和Skinning与Styling机制，增强了灵活性和可定制性。 2. **Spark组件**：Spark组件是Flex 4.0的核心，替代了原有的...

    Flex自定义控件

    使用Flex Skinning机制，可以让控件的外观根据不同的皮肤进行改变。 3. **Spark和Halo组件模型** - **Spark模型**: Spark模型是Flex 4引入的新组件模型，基于组件层次结构和外观分离的理念。Spark组件通常使用Flex...

    Flex开发Android 更改ViewMenu外观

    2. **使用Skinning**：Flex的皮肤机制允许开发者替换组件的视觉元素，实现更精细的外观定制。每个Flex组件都有对应的皮肤类，你可以创建新的皮肤类并覆盖默认皮肤。例如，对于ViewMenu，可以创建一个继承自` ...

    Flex开发示例资料

    Flex 4.0的其他重要特性还包括Skinning和States机制，这两者让开发者可以自由定制组件外观和行为，以适应不同的应用需求。Skinning允许开发者通过CSS样式或者图形编辑器来改变组件的外观，而States则允许在一个组件...

    Flex重写搜索框

    图片可以通过Skinning机制进行添加，或者直接在组件的MXML代码中使用`&lt;mx:Image&gt;`标签引入。同时，需要考虑图片的响应式设计，确保在不同屏幕尺寸和分辨率下都能正确显示。 5. 组件的发布与使用： 完成组件的编写后...

    Flex4.5 Moblie Hello

    5. **Mobile Skinning and Theming**：Flex 4.5提供了移动皮肤和主题机制，允许开发者根据目标设备和用户界面需求定制应用的外观和行为。通过修改CSS样式的SkinClass，可以实现组件在不同设备上的差异化显示。 6. *...

    flex4 Spark Intranet Sample App

    此外，Flex4的Skinning和States机制也值得一提。Skinning允许开发者自定义组件外观，以满足不同品牌或者用户界面的需求。States机制则允许在不同的应用状态下切换UI元素的显示和行为，比如在登录前后的界面差异。在...

Magicbox
Global site tag (gtag.js) - Google Analytics