Flex中如何利用AccordionHeader的paddingLeft样式指定Accordion容器头部文本位置的例子

By Minidxer | October 30, 2008

接下来的例子演示了Flex中如何利用AccordionHeader的paddingLeft样式,指定Accordion容器头部文本位置。

让我们先来看一下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:Style>
  8.         AccordionHeader {
  9.             paddingLeft: 130; /* pixels */
  10.         }
  11.     </mx:Style>
  12.  
  13.     <mx:Accordion id="accordion"
  14.             width="100%"
  15.             height="100%">
  16.         <mx:VBox label="One" />
  17.         <mx:VBox label="Two" />
  18.         <mx:VBox label="Three" />
  19.         <mx:VBox label="Four" />
  20.     </mx:Accordion>
  21.  
  22. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts