Flex中如何通过focusBlendMode样式设置TextArea内容边框焦点厚度的例子

By Minidxer | June 21, 2009

接下来的例子演示了Flex中如何通过focusBlendMode样式，设置TextArea内容边框焦点厚度。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="TextArea_focusBlendMode_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle">
  6.  
  7.     <mx:ApplicationControlBar dock="true" styleName="plain">
  8.         <mx:Form styleName="plain">
  9.             <mx:FormItem label="focusThickness:">
  10.                 <mx:HSlider id="slider"
  11.                         minimum="0"
  12.                         maximum="24"
  13.                         value="10"
  14.                         snapInterval="1"
  15.                         tickInterval="1"
  16.                         change="textArea.setFocus();" />
  17.             </mx:FormItem>
  18.             <mx:FormItem label="focusBlendMode:">
  19.                 <mx:ComboBox id="comboBox"
  20.                         selectedIndex="10"
  21.                         change="textArea.setFocus();">
  22.                     <mx:dataProvider>
  23.                         <mx:Array>
  24.                             <mx:String>{BlendMode.ADD}</mx:String>
  25.                             <mx:String>{BlendMode.ALPHA}</mx:String>
  26.                             <mx:String>{BlendMode.DARKEN}</mx:String>
  27.                             <mx:String>{BlendMode.DIFFERENCE}</mx:String>
  28.                             <mx:String>{BlendMode.ERASE}</mx:String>
  29.                             <mx:String>{BlendMode.HARDLIGHT}</mx:String>
  30.                             <mx:String>{BlendMode.INVERT}</mx:String>
  31.                             <mx:String>{BlendMode.LAYER}</mx:String>
  32.                             <mx:String>{BlendMode.LIGHTEN}</mx:String>
  33.                             <mx:String>{BlendMode.MULTIPLY}</mx:String>
  34.                             <mx:String>{BlendMode.NORMAL}</mx:String>
  35.                             <mx:String>{BlendMode.OVERLAY}</mx:String>
  36.                             <mx:String>{BlendMode.SCREEN}</mx:String>
  37.                             <!--
  38.                             <mx:String>{BlendMode.SHADER}</mx:String>
  39.                             -->
  40.                             <mx:String>{BlendMode.SUBTRACT}</mx:String>
  41.                         </mx:Array>
  42.                     </mx:dataProvider>
  43.                 </mx:ComboBox>
  44.             </mx:FormItem>
  45.         </mx:Form>
  46.     </mx:ApplicationControlBar>
  47.  
  48.     <mx:TextArea id="textArea"
  49.             text="The quick brown fox jumps over the lazy dog."
  50.             focusThickness="{slider.value}"
  51.             focusBlendMode="{comboBox.selectedItem}" />
  52.  
  53. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: TextArea | No Comments » | 585 views Tags: , , , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll