如何在 Flex 4 中为 mx:DateChooser 换肤

Question

我找到了这些属性：

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> 

Answer 1

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

UITextFields 没有名为 Skin-class 的样式。查看 UITextField 类的所有样式< /a>.

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

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

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