`

flash中组件ComboBox的改变样式和外观

阅读更多

转载http://www.css88.com/archives/261

这次是见识了,flash中的组件样式非常难改,我花了整整一天半的时间在改变这个ComboBox 的外观样式,我想其他flash中的其他组件肯定也一样难改,不过经过这次我知道怎么去改了:)
    ComboBox改组件风格,有两块:一是改变样式,通过AS去改其部分属性;二是改变外观,将组件主题导入库,改主题里的资源来改变外观.
    下载源码,ComboBox改变样式和外观

    注:mycbx是ComboBox的实例名
    一、改变样式
    1.新创建一个样式,将此样式指它给组件
      import mx.styles.CSSStyleDeclaration;     //将所有 import 语句放置在 ActionScript 的开头是一种编码规范
      var new_style:Object = new CSSStyleDeclaration();  //命名该新样式声明,然后将其添加到全局样式声明
      _global.styles.myStyle = new_style;
      new_style.setStyle(”themeColor”, “haloBlue”);
      new_style.setStyle(”selectionColor”, “white”);
      new_style.setStyle(”useRollOver”, false);
      new_style.setStyle(”borderStyle”, “none”);
      mycbx.addItem({data:1, label:”One”});
      mycbx.addItem({data:2, label:”Two”});
      mycbx.setStyle(”styleName”, “myStyle”);   //赋值
    2.使用 List 样式来控制 ComboBox 组件的下拉列表部分的行为
      mycbx.setStyle(”alternatingRowColors”, [0xFFFFFF, 0xBFBFBF]);
      mycbx.setStyle(”themeColor”,0×999999);
      mycbx.setStyle(”backgroundColor”,0×000000);   //背景颜色
      mycbx.setStyle(”color”,0×999999);   //字体颜色
      mycbx.setStyle(”borderStyle”,”solid”);  //边框
      mycbx.setStyle(”borderColor”,0×333333);  //边框颜色
      mycbx.setStyle(”highlightColor”,0×333333);  //高亮颜色
      mycbx.setStyle(”selectionColor”,0×999999);  //选中颜色
      mycbx.setStyle(”rollOverColor”,0×999999);  //滚动颜色
样式 说明
themeColor 组件的基本配色方案。可能的值包括 "haloGreen"、"haloBlue" 和 "haloOrange"。默认值为 "haloGreen"。
borderStyle Button 子组件将两个 RectBorder 实例用作其边框,并对在该类上定义的样式做出响应。请参见RectBorder 类。在”光晕”主题中,ComboBox 组件将一个自定义圆角边框用于 ComboBox 的折叠部分。此部分 ComboBox 的颜色只能通过外观进行修改。请参见对 ComboBox 组件使用外观。
disabledColor 组件禁用时的文本颜色。默认值为 0×848384(深灰)。
fontFamily 文本的字体名称。默认值为 "_sans"。
fontStyle 字体样式:"normal" 或 "italic"。默认值为 "normal"。
textAlign 文本对齐方式:"left"、"right" 或 "center"。默认值为 "left"。
openDuration 过渡动画的持续时间(以毫秒为单位)。默认值为 250。
From - http://www.css88.com/archives/261

分享到:
评论

相关推荐

    Flash 组件的使用 中文 pdf

    学习AS3.0的基础语法、类库和事件模型对于理解Flash组件的运作至关重要。 2.Button组件:Button组件是最常见的交互元素,用于响应用户的点击操作。文档将讲解如何创建和自定义Button组件,包括改变其外观、添加事件...

    AS2 combox 组件

    AS2 ComboBox组件是一种在Flash AS2.0环境中开发的交互式用户界面元素,它结合了下拉列表(dropdown list)和文本输入框的功能。在网页或应用程序中,这种组件常用于提供用户一个可搜索或选择的选项集合,同时允许...

    flash课件-flash课件制作

    在Flash中,组件是一种可重用的对象,它包含了一组预定义的行为和外观。组件可以是按钮、滑块、文本框等,它们具有自己的属性、事件和方法,使得开发者能够轻松地在课件中添加复杂的功能而无需编写大量代码。 #### ...

    使用 ACTIONSCRIPT 3.0组件 (AS3组件帮助文档)

    - 如何通过更改样式和外观来自定义组件; - 如何为不同的组件添加新的功能或修改现有功能; - 如何创建自己的组件。 每一小节都提供了具体的实例和步骤,指导开发者如何针对特定需求进行定制化开发。 --- #### 第...

    flex组件介绍

    Flex组件具有高度的可定制性和可扩展性,支持皮肤化(Skins),这意味着开发者可以根据需要改变组件的外观和行为。 #### 控件的基本使用方法 Flex控件的使用通常遵循以下步骤:创建控件实例、设置属性、添加事件...

    Adobe Flex 3 Component Explore

    2. 样式和主题:Flex 3允许自定义组件的样式,通过CSS可以改变组件的颜色、字体、边距等属性,甚至可以创建全局的主题。 3. 事件处理:学习如何监听和响应组件上的用户交互事件,例如点击、鼠标移动等。 4. 数据...

    FLEX中下拉框嵌入Checkbox

    在Flex编程中,下拉框(ComboBox)是用户界面中常用的一种组件,它允许用户从预定义的选项中选择一个值。然而,有时我们需要在下拉框中不仅提供文本选项,还需要提供复选框(Checkbox)来让用户进行多选操作。这种...

    flex + java 初学者 笔记 学习资料

    本文档是针对Flex和Java初学者的学习笔记,涵盖了Flex中的基础组件、文本处理、样式设计、行为对象以及动画效果。 一、Flex基础组件 1. Button:按钮组件,可以设置文字和图标,图标通过`icon="@Embed('图片路径')...

    delphi 开发经验技巧宝典源码

    0007 在Delphi中加载QReport报表组件 7 1.3 创建DLL文件 8 0008 生成一个DLL文件 8 0009 调用DLL文件 8 1.4 窗体相关操作 9 0010 将组件置前/置后 9 0011 如何锁定窗体中的组件 9 0012 如何改变窗体...

    delphi 开发经验技巧宝典源码06

    0007 在Delphi中加载QReport报表组件 7 1.3 创建DLL文件 8 0008 生成一个DLL文件 8 0009 调用DLL文件 8 1.4 窗体相关操作 9 0010 将组件置前/置后 9 0011 如何锁定窗体中的组件 9 0012 如何改变窗体...

    vb控件使用大全

    属性决定了控件的行为和外观,如Size、Location、ForeColor、BackColor、Text等。同时,每个控件还有一系列的方法,如Show、Hide、Clear等,用于改变控件的状态或执行特定的操作。事件是VB控件中的另一个关键概念,...

    flex4.5学习笔记

    - **外观设计**: 提供直观的设计界面,可以轻松设置组件的样式和布局。 **知识点20:部署Flex和Adobe AIR应用程序** - **部署流程**: 包括构建应用程序、测试、发布等步骤。 - **平台支持**: 支持多种平台,包括Web...

    Silverlight控件应用程序

    控件是构建UI的基本组件,如Button、TextBox、Label等,它们为开发者提供了预定义的行为和样式,使得开发过程更加高效。 首先,我们来看“窗口跳转”。在Silverlight中,窗口跳转通常指的是导航框架(Navigation ...

    Flex Gumbo 通过textJustify样式设置TextBox文字对齐的例子

    当用户在ComboBox中选择不同的文字对齐方式或在HSlider中拖动滑块调整宽度时,组件中的部分的“textBox”会相应地改变其显示效果,从而实现动态的文字对齐演示。 由于这部分内容是由OCR技术从文档中扫描得到,可能...

Global site tag (gtag.js) - Google Analytics