Flex中如何利用folderOpenIcon, folderClosedIcon和defaultLeafIcon样式改变默认文件夹和子项目图标的例子

By Minidxer | November 24, 2008

接下来的例子演示了Flex中如何利用folderOpenIcon, folderClosedIcon和defaultLeafIcon样式，改变默认文件夹和子项目图标。

让我们先来看一下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="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             [Bindable]
  10.             [Embed("assets/folder.png")]
  11.             private var myFolderClosedIcon:Class;
  12.  
  13.             [Bindable]
  14.             [Embed("assets/folder_page.png")]
  15.             private var myFolderOpenIcon:Class;
  16.  
  17.             [Bindable]
  18.             [Embed("assets/arrow_right.png")]
  19.             private var myDefaultLeafIcon:Class;
  20.         ]]>
  21.     </mx:Script>
  22.  
  23.     <mx:XML id="dp">
  24.         <mlb>
  25.             <league label="American League">
  26.                 <division label="East">
  27.                     <team label="Boston" />
  28.                     <team label="New York" />
  29.                     <team label="Toronto" />
  30.                     <team label="Baltimore" />
  31.                     <team label="Tampa Bay" />
  32.                 </division>
  33.                 <division label="Central">
  34.                     <team label="Cleveland" />
  35.                     <team label="Detroit" />
  36.                     <team label="Minnesota" />
  37.                     <team label="Chicago" />
  38.                     <team label="Kansas City" />
  39.                 </division>
  40.                 <division label="West">
  41.                     <team label="Los Angeles" />
  42.                     <team label="Seattle" />
  43.                     <team label="Oakland" />
  44.                     <team label="Texas" />
  45.                 </division>
  46.             </league>
  47.         </mlb>
  48.     </mx:XML>
  49.  
  50.     <mx:Tree id="TreeProject"
  51.             dataProvider="{dp.league}"
  52.             labelField="@label"
  53.             showRoot="true"
  54.             defaultLeafIcon="{myDefaultLeafIcon}"
  55.             folderOpenIcon="{myFolderOpenIcon}"
  56.             folderClosedIcon="{myFolderClosedIcon}"
  57.             width="320"
  58.             height="240" />
  59.  
  60. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Tree | No Comments » | 319 views Tags: , , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll