Flex Gumbo中如何通过digitWidth样式设置NumericStepper数字宽度的例子

By Minidxer | August 8, 2009

接下来的Flex Gumbo中如何通过digitWidth样式,设置NumericStepper数字宽度。



下面是main.mxml:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name=""
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:mx="library://ns.adobe.com/flex/halo"
  5.         xmlns:s="library://ns.adobe.com/flex/spark">
  6.  
  7.     <fx:Style>
  8.         @namespace s "library://ns.adobe.com/flex/spark";
  9.  
  10.         @font-face {
  11.             src: url("ArnoPro-Regular.otf");
  12.             fontFamily: ArnoEmb;
  13.             cff: true;
  14.         }
  15.  
  16.         s|NumericStepper {
  17.             fontFamily: ArnoEmb;
  18.             fontLookup: embeddedCFF;
  19.             fontSize: 16;
  20.         }
  21.     </fx:Style>
  22.  
  23.     <mx:Form>
  24.         <mx:FormItem label="digitWidth:">
  25.             <s:DropDownList id="dropDownList"
  26.                     selectedIndex="0"
  27.                     width="100">
  28.                 <s:dataProvider>
  29.                     <s:ArrayList source="[default,tabular,proportional]" />
  30.                 </s:dataProvider>
  31.             </s:DropDownList>
  32.         </mx:FormItem>
  33.     </mx:Form>
  34.  
  35.     <s:NumericStepper id="numericStepper"
  36.             maximum="1010101010101"
  37.             value="1010101010101"
  38.             digitWidth="{dropDownList.selectedItem}"
  39.             width="150"
  40.             horizontalCenter="0"
  41.             verticalCenter="0" />
  42.  
  43. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Gumbo, NumericStepper | No Comments » | Tags: ,

Search Posts