在不使用MXML的Flex中使用樣式表

Question

我有幾種要應用於滑塊的樣式。

我知道definig a mx：Style標記的MXML方法

<mx:Style>

        HSlider{

        }

        .SliderHighlightTrackSkin{

        }

        .SliderTrackSkin{

        }

        .SliderThumbSkin{

        }



    </mx:Style>

我不想以這種方式這樣做，而是要在樣式表中定義所有樣式。 然后，我想在.as文件（而不是mxml文件）中定義滑塊並將樣式表應用於該滑塊。

我該怎么做？

我追求的是以下內容

levelSlider= new VSlider()
            levelSlider.minimum=0;
            levelSlider.maximum=1;
            levelSlider.value=1;
            levelSlider.y=150
            levelSlider.styleName="sliderStyle.css"
            this.addChild(levelSlider)

Answer 1

您可以使用<mx:Style source="style.css"/>從Application類的mxml文件中將樣式表包含到Flex應用程序中。可以根據需要添加任意多個CSS文件。

現在，如果你有一個.customCSSClass{}在CSS文件中，你可以應用到你vSlider使用vSlider.styleName = "customCSSClass" 。 像HSlider{}這樣的全局選擇器將自動應用。