zoukankan      html  css  js  c++  java
  • 用flash cs3美化flex3之skin开发

    flash cs3与flex 3和谐之道,在于二者相互协作。flex3的组件强劲,但其美工却实难恭维,那套默认的蓝色控件恐怕只能用来开发后台程序。在flex3中,每一个控件,都可以自定义skin,并且由css style文件支持。这一点,flex3的css文件定义基本可以与visual studio 2008的css定义相貔比。

    几乎所有flex3的控件属性面板中,都有skin的定义。其skin可以选择default(flex自带与默认的),image files(这一项美化功能不强,不用也罢),flash symbols(推荐使用这个)。

    http://blog.sban.com.cn/download/month_0803/200838123223828.swf
    上面这个swf是用flex生成的。读者可以看到,Button的边框及背景已不是默认的蓝色系;用鼠标点击按纽,Button会有一个渐变的动画。这便是能过自定义skin实现的。那么skin怎么做呢?

    Adobe Labs 为开发者提供了多种渠道制作flex 控件的skin,可以用flash cs3, photoshop cs3,fireworks cs3和IIIustrator cs3。上面这个例子,我是用flash cs3制作的skin。

    在使用flash cs3制作skin之前,请读者确定是否已经安装Adobe Extension Manager CS3,并且已经使用扩展管理器安装了flex skinning templates

    打开flash cs3,新建一个flex skins文件,本例选择Button,双击button进去编辑,上面那个动画是现有的基础上添加一个层added art,在frame 12与frame 23之间定义了动画。该动画在按下鼠标之后播放。在定义该动画之前,需要把原来在frame 22的over-down:start标签移动到frame 12,这是必不可少的。除了该动画定义,笔者还稍微改动了Button的边框及底色。

    有关flex skin 的详细定义文档(english),可以在这里下载.

    本例相关flash与flex project源码下载:

    FlashSkinDevelopment.rar

    FlashSkinForFlex.rar

    sban 2008年三八妇女节于北京朝阳园

  • 相关阅读:
    MCU 51-7 I2C Communication EEPROM
    FinalShell(免费的XShell替代品)
    Docker部署Redis
    Docker-Compose部署ELK
    Linux清空文件
    Linux防火墙的操作
    VSCode远程连接Linux服务器
    Apollo分布式配置中心
    SpringBoot整合log4j2
    MySQL区分大小写
  • 原文地址:https://www.cnblogs.com/chinatefl/p/1224632.html
Copyright © 2011-2022 走看看