Flex中通过设置horizontalAlign风格设置FormItem容器中项目水平位置（Horizontally）的例子

By Minidxer | March 19, 2008

下面的例子展示了如何通过设置horizontalAlign风格为“left”, “center”或“right”，设定FormItem容器中项目水平位置。

下面是具体的源代码：


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:Style>
  8.         Form {
  9.             backgroundColor: white;
  10.             backgroundAlpha: 0.2;
  11.             borderColor: black;
  12.             borderStyle: solid;
  13.             borderThickness: 1;
  14.         }
  15.  
  16.         FormItem {
  17.             labelStyleName: myFormItemLabelStyleName;
  18.         }
  19.  
  20.         .myFormItemLabelStyleName {
  21.             fontWeight: bold;
  22.         }
  23.     </mx:Style>
  24.  
  25.     <mx:Form id="form" width="300">
  26.         <mx:FormItem label="left:"
  27.                 horizontalAlign="left"
  28.                 width="100%">
  29.             <mx:Image source="@Embed('assets/air_appicon-tn.gif')" />
  30.         </mx:FormItem>
  31.         <mx:FormItem label="center:"
  32.                 horizontalAlign="center"
  33.                 width="100%">
  34.             <mx:Image source="@Embed('assets/fl_appicon-tn.gif')" />
  35.         </mx:FormItem>
  36.         <mx:FormItem label="right:"
  37.                 horizontalAlign="right"
  38.                 width="100%">
  39.             <mx:Image source="@Embed('assets/fx_appicon-tn.gif')" />
  40.         </mx:FormItem>
  41.     </mx:Form>
  42.  
  43. </mx:Application>
原文作者：Peter deHaan 翻译：minidxer

Topics: Flex | Tags: , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads