Flex中如何通过dropShadowEnabled样式给DateField的DateChooser添加/删除阴影效果的例子

By Minidxer | January 15, 2009

接下来的例子演示了Flex中如何通过dropShadowEnabled样式,给DateField的DateChooser添加/删除阴影效果。

让我们先来看一下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="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .myDateChooser {
  9.             dropShadowEnabled: false;
  10.         }
  11.     </mx:Style>
  12.  
  13.     <mx:Form>
  14.         <mx:FormItem label="With drop shadow:">
  15.             <mx:DateField />
  16.         </mx:FormItem>
  17.         <mx:FormItem label="Without drop shadow:">
  18.             <mx:DateField dateChooserStyleName="myDateChooser" />
  19.         </mx:FormItem>
  20.     </mx:Form>
  21.  
  22. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: DateField | No Comments » | 687 views Tags: , ,

Search Posts