Flex中利用自定义项提供源在ComboBox下拉菜单中显示不同字体的例子
By Minidxer | August 1, 2008
接下来的例子演示了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="top"
- backgroundColor="white">
- <mx:ArrayCollection id="arrColl"
- source="{Font.enumerateFonts(true)}">
- <mx:sort>
- <mx:Sort>
- <mx:fields>
- <mx:SortField name="fontName" />
- </mx:fields>
- </mx:Sort>
- </mx:sort>
- </mx:ArrayCollection>
- <mx:ComboBox id="comboBox"
- dataProvider="{arrColl}"
- labelField="fontName"
- fontSize="14"
- open="comboBox.dropdown.variableRowHeight = true;">
- <mx:itemRenderer>
- <mx:Component>
- <mx:Label fontFamily="{data.fontName}"
- toolTip="{data.fontName}" />
- </mx:Component>
- </mx:itemRenderer>
- </mx:ComboBox>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
Tags: ComboBox, Component, dropdown, fontFamily, itemRenderer, 字体