FLASH MX2004体验二:定制组件外观

2016-01-29 14:48 4 1 收藏

FLASH MX2004体验二:定制组件外观,FLASH MX2004体验二:定制组件外观

【 tulaoshi.com - Flash 】

MX2004自带的组件比MX漂亮了很多, 但有时候为了让组件的外观和整个页面的样式相统一, 必须重新改变组件的外观, 比如组件标签的字体和颜色, 组件的背景颜色等等. 这个FlashMX自身是做不到的.

       改变组件外观有三种方法: Use the Styles API(使用样式API), Apply a theme(应用一个主题名), 和Modify or replace a component's skins(修改或替换组皮肤). 这里着重说明第一种方法, Use the Styles API(application programming interface). 我们可以利用Styles API 提供的属性和方法( setStyle()和getStyle())来改变组件的颜色和文本格式.

       其中使用Styles又有四种方法:

      1.Set styles on a component instance. (对一个组件实例设置样式)
      2.Use the _global style declaration that sets styles for all components in a document.(使用全局样式声明对文档的所有组件设置样式)
      3.Create custom style declarations and apply them to specific component instances.(创建自定义样式声明并应用到指定的组件实例)
      4.Create default class style declarations.(为组件类别创建样式声明)
     
      下面对每一种方法进行详解.

      
      Set styles on a component instance (对一个组件实例设置样式).

       从components面板拖个Button 组件到场景(也可以用其它组件),并命名为”myBtn”:

       快捷键”F9”打开Action面板,在时间线上写Action:

myBtn.setStyle("themeColor", "0x00CCFF");
myBtn.setStyle("fontFamily", "Verdana");
myBtn.setStyle("fontSize", "10");
myBtn.setStyle("fontWeight", "bold");
myBtn.setStyle("color", "0x990000");

       Ctrl+Enter 预览效果,组件样式是不是改变了?下面是默认的样式和刚才自定义样式的效果对比图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

      Use the _global style declaration that sets styles for all components in a document.(使用全局样式声明对文档的所有组件设置样式)
        

       FlashMX2004的_global对象的Style属性可以做到这一点:  从components面板拖n 个组件到场景,这里我用的是Button,CheckBox和RadioButton 三个组件,也不要给组件命名,直接在时间线上写Action:
        
  

_global.style.setStyle("themeColor", "0x00CCFF");
_global.style.setStyle("fontFamily", "Verdana");
_global.style.setStyle("fontSize", "10");
_global.style.setStyle("fontWeight", "bold");
_global.style.setStyle("color", "0x990000");

      Ctrl+Enter 预览效果.下面是这三个组件的前后效果对比图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

      &nbs

来源:http://www.tulaoshi.com/n/20160129/1494256.html

延伸阅读
标签: flash教程
第八章 文字字段和组件 第二节 组件(6)      选择第二个RadioButton实例,在【组件检查器】面板中,设置【data】参数为“太遗憾了,你不是闪客啊!”,设置【label】参数为“No”,其他参数取默认值。 选择舞台上的TextArea实例,在【属性】面板中,给这个实例起名为“tArea”。设置【text】参数值为“这里显示反馈信息...
标签: flash教程
第八章 文字字段和组件 第二节 组件(7)      这个程序的制作步骤如下: 步骤1 创建影片文档 新建一个影片文档,舞台大小设置为300×220,背景颜色设置为灰色。保存这个影片文档,文件名为“TextInput组件应用实例.fla”。 步骤2 引用组件 从【组件】面板拖放三个TextInput组件实例、两个Label组件实例到舞台上,调整...
标签: flash教程
第八章 文字字段和组件 第一节 动态文本和输入文本(3)      步骤2 创建动态文本 在【文本显示】图层,我们要创建有三个静态文本框和一个动态文本框,效果如图8-1-7所示。     图8-1-7 动态文本和静态文本   在【属性】面板中定义动态文本的【变量】为“delaytime”。 步骤 3 定义动作脚...
标签: flash教程
第八章 文字字段和组件 第二节 组件(3)      组合框组件由三个子组件组成,它们是:Button组件、TextInput组件和List 组件。组合框组件可以是静态的,也可以是可编辑的。使用静态组合框,用户可以从下拉列表中做出一项选择。使用可编辑的组合框,用户可以在列表顶部的文本字段中直接输入文本,也可以从下拉列表中选择一...
标签: FLASH flash教程
    MX2004一个新的功能就是能加载外部的CSS文件并使之应用到Flash文本, 现在有一个新的类 (类?因为新的ActionScript2是基于类的脚本语言):TextField.StyleSheet class,就是这个类的几个方法使我们能象给HTML定义CSS一样来格式化Flash文本,比如字体大小,颜色,位置等等。以后我们要改变Flash文本的样式就只要修改外部的...

经验教程

326

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部