Jul 12

Flex中如何通过rollOverColor样式设置ComboBox下拉菜单项目背景颜色的例子

FlexAdd comments

在前面的Flex中设置DataGrid控件中字符背景以及控件背景颜色中我们了解了如何通过设置backgroundAlpha和backgroundColor样式，在Flex中设置DataGrid控件中字符背景以及控件背景颜色。接下来的例子演示了Flex中如何通过rollOverColor样式，设置ComboBox下拉菜单项目背景颜色。同样是基本控件，一个用backgroundColor，而另一个用的是rollOverColor，这个需要注意一下。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Array id="arr">
  8.         <mx:Object label="One" />
  9.         <mx:Object label="Two" />
  10.         <mx:Object label="Three" />
  11.         <mx:Object label="Four" />
  12.         <mx:Object label="Five" />
  13.         <mx:Object label="Six" />
  14.         <mx:Object label="Seven" />
  15.         <mx:Object label="Eight" />
  16.         <mx:Object label="Nine" />
  17.         <mx:Object label="Ten" />
  18.     </mx:Array>
  19.  
  20.     <mx:ApplicationControlBar dock="true">
  21.         <mx:Form styleName="plain">
  22.             <mx:FormItem label="rollOverColor:">
  23.                 <mx:ColorPicker id="colorPicker"
  24.                         selectedColor="#CCCCCC" />
  25.             </mx:FormItem>
  26.         </mx:Form>
  27.     </mx:ApplicationControlBar>
  28.  
  29.     <mx:ComboBox id="comboBox"
  30.             dataProvider="{arr}"
  31.             rollOverColor="{colorPicker.selectedColor}" />
  32.  
  33. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , ,

Related Post

2 Responses to “Flex中如何通过rollOverColor样式设置ComboBox下拉菜单项目背景颜色的例子”

  1. SEO Says:
    July 15th, 2008 at 9:43 am

    文章很好，前几天已经转载了

Trackbacks

Leave a Reply