如何在Flex 4中为mx:DateChooser设置外观

时间:2010-10-15 07:24:24

标签: flex datechooser

我找到了这些属性:

selectionIndicatorSkin="..."
todayIndicatorSkin="..."

将DateChooser选中的内容和今天的项目进行外观。

奇怪的是,我没有找到一种可以指定常规日皮肤的方法!我找到了这个属性:

weekDayStyleName="..."

所以我创建了一个样式

.myStyle{
    skin-class: ClassReference("com.mySkin");
}

然后使用它:weekDayStyleName =“myStyle”但它没有用!有什么想法吗?

额外代码:

<mx:DateChooser id="date1" 
                todayStyleName="myTodayStyle"
                headerStyleName="myHeaderStyle"
                selectionIndicatorSkin="com.skins.calendar.SelectionIndicatorSkin"
                todayIndicatorSkin="com.skins.calendar.TodayIndicatorSkin1"
                focusSkin="com.skins.calendar.TodayIndicatorSkin1"
                rollOverIndicatorSkin="com.skins.calendar.SelectionIndicatorSkin"
                weekDayStyleName="weekdayStyle"
                borderColor="#FFFFFF"
                todayColor="#FFFFFF"
                width="275" height="275" />

<fx:Style >
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";
    @namespace vld "com.lal.validators.*";
    @namespace effect "com.lal.effects.*";
    @namespace components "com.lal.components.*";



    .weekdayStyle{
        skin-class: ClassReference("com.lal.skins.calendar.TodayIndicatorSkin1");
        vertical-align: middle;
        font-size: 18;
    }
</fx:Style> 

1 个答案:

答案 0 :(得分:1)

我很确定DateChooser类中的所有日子都是UITextFields

UITextFields没有名为skin-class的样式。查看所有styles for the UITextField class

因此,您的风格可能会被忽略。

许多Flex 4 Spark组件都有一个名为skinClass的样式,您可以使用它来设置组件的外观类,但我不认为MX Components存在这样的东西。

您应该能够通过创建自己的实现IUITextField的自定义类来自定义日期的外观,然后将其设置为具有textFieldClass样式的样式。