Flex中如何利用skin样式修改DateField中默认的日历图标的例子

By Minidxer | January 19, 2009

接下来的例子演示了Flex中如何利用skin样式,修改DateField中默认的日历图标。

让我们先来看一下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.         DateField {
  9.             skin: Embed("clock_add.png");
  10.             /* null the skins defined in default.css */
  11.             upSkin: ClassReference(null);
  12.             overSkin: ClassReference(null);
  13.             downSkin: ClassReference(null);
  14.             disabledSkin: ClassReference(null);
  15.         }
  16.     </mx:Style>
  17.  
  18.     <mx:DateField id="dateField" />
  19.  
  20. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: DateField | No Comments » | Tags: ,

Search Posts