全文检索博客

Flex中如何利用useRollOver样式固定ComboBox控件下拉菜单中项目高亮(hightlighting)的例子

Minidxer — Tue, 08 Jul 2008 20:02:57 +0800

接下来的例子演示了Flex中如何利用useRollOver样式，固定ComboBox控件下拉菜单中项目高亮(hightlighting)。可以通过选中或者取消“useRollOver”选择框，拖动下拉菜单并且移动鼠标来体验区别。

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

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.events.DropdownEvent;
private function comboBox_open(evt:DropdownEvent):void {
comboBox.dropdown.setStyle("useRollOver", checkBox.selected);
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="useRollOver:">
<mx:CheckBox id="checkBox" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:ComboBox id="comboBox"
dataProvider="{arr}"
open="comboBox_open(event);" />
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：minidxer

Permalink:http://blog.minidx.com/2008/07/08/1057.html

Flex中创建两个关联的ComboBox的例子

Minidxer — Tue, 08 Jul 2008 07:37:45 +0800

这实际上是一个具有共通性的问题：两个ComboBox，第二个显示的项目是基于第一个选择的值来决定的。具体到实例就像选定国家之后，每个州/省应该显示什么的问题。接下来的例子演示了Flex中如何创建两个关联的ComboBox。

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

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

Download: main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
<mx:XML id="dp" source="countries_states.xml" format="e4x" />
<mx:Form>
<mx:FormItem label="Country:">
<mx:ComboBox id="countryCB" dataProvider="{dp.country}" labelField="@name" />
</mx:FormItem>
<mx:FormItem label="State:">
<mx:ComboBox id="stateCB" dataProvider="{countryCB.selectedItem.state}" />
</mx:FormItem>
</mx:Form>
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：minidxer

Permalink:http://blog.minidx.com/2008/07/08/1056.html

Mate–一款基于Tag事件驱动的Flex开发框架

Minidxer — Mon, 07 Jul 2008 22:49:23 +0800

Flex应用是基于事件驱动的，而Mate框架使其变得更加得简单，Mate允许用户定义是谁正在管理/处理这一事件，以及数据是否需要从服务器端返回，或者其他的什么事件需要被触发，所有的这些都使得Flex应用的开发变得更加得简单，Mate的“老家”可以找到很多相关的文档以及做好的Sample，有兴趣的可以去看看：

http://mate.asfusion.com/

Permalink:http://blog.minidx.com/2008/07/07/1055.html

Jam-Packed–一款非常经典的Flex Style Explorer

Minidxer — Mon, 07 Jul 2008 22:16:24 +0800

Jam-Packed是Peter Baird 2007年发布在macromedia.com上的一款Flex Style Explorer，1年的时间很快，上面很多的当时的新特性如今看来也许已经成了理所当然的了，不过不管怎么说，细细看来，Jam-Packed各种风格上依然很具有魅力，不愧是一款经典之作，有兴趣的可以直接去看看：

http://weblogs.macromedia.com/mc/archives/2007/02/new_flex_style.html

Permalink:http://blog.minidx.com/2008/07/07/1054.html

Flex中如何利用fontFamily和dropdownStyleName样式在ComboBox控件中嵌入字体的例子

Minidxer — Mon, 07 Jul 2008 21:02:46 +0800

接下来的例子演示了Flex中如何利用fontFamily和dropdownStyleName样式,在ComboBox控件中嵌入字体。

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

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

Download: main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Style>
@font-face {
src: local("Comic Sans MS");
fontFamily: EmbeddedComicSansMS;
fontWeight: normal;
}
@font-face {
src: local("Comic Sans MS");
fontFamily: EmbeddedComicSansMS;
fontWeight: bold;
}
ComboBox {
fontFamily: EmbeddedComicSansMS;
}
</mx:Style>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:ComboBox id="comboBox"
dataProvider="{arr}" />
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：minidxer

Permalink:http://blog.minidx.com/2008/07/07/1051.html

全文检索博客

Flex中如何利用useRollOver样式固定ComboBox控件下拉菜单中项目高亮(hightlighting)的例子

Related Post

Flex中创建两个关联的ComboBox的例子

Related Post

Mate–一款基于Tag事件驱动的Flex开发框架

Related Post

Jam-Packed–一款非常经典的Flex Style Explorer

Related Post

Flex中如何利用fontFamily和dropdownStyleName样式在ComboBox控件中嵌入字体的例子

Related Post