Flex中如何通过设置styleName样式将RichTextEditor的样式名称切换到预定义的“.opaquePanel”样式的例子

By Minidxer | January 22, 2009

接下来的例子演示了Flex中如何通过设置styleName样式，将RichTextEditor的样式名称切换到预定义的“.opaquePanel”样式。

让我们先来看一下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:ApplicationControlBar dock="true">
  8.         <mx:ToggleButtonBar selectedIndex="1"
  9.                 itemClick="richTextEditor.styleName = event.item.data;">
  10.             <mx:dataProvider>
  11.                 <mx:Array>
  12.                     <mx:Object label="default" data="" />
  13.                     <mx:Object label="opaquePanel" data="opaquePanel" />
  14.                 </mx:Array>
  15.             </mx:dataProvider>
  16.         </mx:ToggleButtonBar>
  17.     </mx:ApplicationControlBar>
  18.  
  19.     <mx:RichTextEditor id="richTextEditor"
  20.             title="RichTextEditor"
  21.             status="version {richTextEditor.getStyle('version')}"
  22.             styleName="opaquePanel"
  23.             width="100%"
  24.             height="100%" />
  25.  
  26. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: RichTextEditor | No Comments » | Tags: , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll