Flex中如何通过dateChooserStyleName样式和设置不同skin值来改变DateField控件next/previous月导航图标的例子
By Minidxer | January 5, 2009
接下来的例子演示了Flex中如何通过dateChooserStyleName样式和设置不同skin值，来改变DateField控件next/previous月导航图标。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Style>
- .myDateChooserStyles {
- /* Previous Month */
- prevMonthUpSkin: Embed("assets/bullet_delete.png");
- prevMonthOverSkin: Embed("assets/bullet_delete.png");
- prevMonthDownSkin: Embed("assets/bullet_delete.png");
- prevMonthDisabledSkin: Embed("assets/bullet_delete.png");
- /* Next Month */
- nextMonthUpSkin: Embed("assets/bullet_add.png");
- nextMonthOverSkin: Embed("assets/bullet_add.png");
- nextMonthDownSkin: Embed("assets/bullet_add.png");
- nextMonthDisabledSkin: Embed("assets/bullet_add.png");
- }
- </mx:Style>
- <mx:DateField id="dateField"
- dateChooserStyleName="myDateChooserStyles" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
DateField |
No Comments » |
Tags: dateChooserStyleName, DateField, nextMonthUpSkin, prevMonthUpSkin