Flex中如何利用fontWeight样式设置DateChooser显示为粗体或普通体的例子

By Minidxer | January 18, 2009

接下来的例子演示了Flex中如何利用fontWeight样式，设置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="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .myHeaderStyleName {
  9.             color: red;
  10.             fontWeight: normal;
  11.         }
  12.  
  13.         .myWeekDayStyleName {
  14.             color: haloOrange;
  15.             fontWeight: normal;
  16.         }
  17.     </mx:Style>
  18.  
  19.     <mx:HBox id="box">
  20.         <mx:VBox>
  21.             <mx:Label text="fontWeight = bold" />
  22.             <mx:DateChooser fontWeight="bold"
  23.                     showToday="false" />
  24.         </mx:VBox>
  25.         <mx:VBox>
  26.             <mx:Label text="fontWeight = normal" />
  27.             <mx:DateChooser fontWeight="normal"
  28.                     showToday="false" />
  29.         </mx:VBox>
  30.         <mx:VBox>
  31.             <mx:Label text="custom styles" />
  32.             <mx:DateChooser color="haloGreen"
  33.                     showToday="false"
  34.                     headerStyleName="myHeaderStyleName"
  35.                     weekDayStyleName="myWeekDayStyleName" />
  36.         </mx:VBox>
  37.     </mx:HBox>
  38.  
  39. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: DateChooser | No Comments » | 564 views Tags: , , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll