Flex中如何利用linkButtonStyleName和cornerRadius样式设置LinkBar上按钮边角范围的例子

By Minidxer | March 4, 2009

接下来的例子演示了Flex中如何利用linkButtonStyleName和cornerRadius样式,设置LinkBar上按钮边角范围。

让我们先来看一下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.         LinkBar {
  9.             backgroundAlpha: 1.0;
  10.             backgroundColor: haloBlue;
  11.             linkButtonStyleName: myCustomLinkButtonStyleName;
  12.         }
  13.  
  14.         .myCustomLinkButtonStyleName {
  15.             cornerRadius: 0;
  16.         }
  17.     </mx:Style>
  18.  
  19.     <mx:Array id="arr">
  20.         <mx:Object label="One" />
  21.         <mx:Object label="Two" />
  22.         <mx:Object label="Three" />
  23.         <mx:Object label="Four" />
  24.     </mx:Array>
  25.  
  26.     <mx:LinkBar id="linkBar"
  27.             dataProvider="{arr}" />
  28.  
  29. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: LinkBar | No Comments » | 595 views Tags: , ,

Search Posts