Actionscript 3 Flex 4.6中的Adobe Flex可折叠面板

我是AdobeFlex的新手，目前正在尝试为我的移动应用程序构建一个可折叠的面板作为边栏（边栏扩展面板）。我的问题是，我遵循的，是用Flex4构建的，我使用的是4.6。 但是，我没有错误，只有一个警告，告诉我“我的侧边栏组件的CSS类型选择器没有被处理，因为该类型没有在应用程序中使用。”

我试着运行它，但我的Flexbuilder所做的只是显示一个普通的空白面板，没有按钮，可以改变皮肤状态。我被卡住的地方是所有标题栏图层的分组和添加按钮。我两个都做了，但仍然有空白面板。 我将教程中的“titleBarGroup”放在“contents”、“topGroup”、“tbHilite”、“tbDiv”和“titleDisplay”周围，并将“collapseButton”放在“contents”-组之后

SidebarPanelSkin.mxml：

   <!-- layer 3: contents -->
<!--- Contains the vertical stack of titlebar content and controlbar. -->
<s:Group id="titleBarGroup" left="0" top="0" right="0" bottom="0"
         maxHeight="32" rotation.collapsed="90">
    <s:Group left="1" right="1" top="1" bottom="1" id="contents">
        <s:layout>
            <s:VerticalLayout gap="0" horizontalAlign="justify" />
        </s:layout>

        <!--- @private -->
        <s:Group id="topGroup" mask="{topGroupMask}">

            <!-- layer 0: title bar fill -->
            <!--- @private -->
            <s:Rect id="tbFill" left="0" right="0" top="0" bottom="1">
                <s:fill>
                    <s:LinearGradient rotation="90">
                        <s:GradientEntry color="0xE2E2E2" />
                        <s:GradientEntry color="0xD9D9D9" />
                    </s:LinearGradient>
                </s:fill>
            </s:Rect>

            <!-- layer 1: title bar highlight -->
            <!--- @private -->
            <s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0">
                <s:stroke>
                    <s:LinearGradientStroke rotation="90" weight="1">
                        <s:GradientEntry color="0xEAEAEA" />
                        <s:GradientEntry color="0xD9D9D9" />
                    </s:LinearGradientStroke>
                </s:stroke>
            </s:Rect>

            <!-- layer 2: title bar divider -->
            <!--- @private -->
            <s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
                <s:fill>
                    <s:SolidColor color="0xC0C0C0" />
                </s:fill>
            </s:Rect>

            <!-- layer 3: text -->
            <!--- @copy spark.components.Panel#titleDisplay -->
            <s:Label id="titleDisplay" maxDisplayedLines="1"
                     left="9" right="3" top="1" bottom="0" minHeight="30"
                     verticalAlign="middle" textAlign="start" fontWeight="bold">
            </s:Label>



        </s:Group>  
        <s:Button id="collapseButton" width="16" height="16" top="7" right="7"
                  label="-" label.collapsed="+" toolTip="Collapse" toolTip.collapsed="Open" />
</s:Group>

main.mxml：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:cc="customcomp.*"
               xmlns:customskins="skins.*" applicationDPI="160" xmlns:skins="skins.*">
    <fx:Declarations>
        <!-- Platzieren Sie nichtvisuelle Elemente (z. B. Dienste, Wertobjekte) hier -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import skins.SidebarPanelSkin;
        ]]>
    </fx:Script>

    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace cc "customcomp.*";
        @namespace customskins "skins.*";

        customskins|SidebarPanel{
            skin-class: ClassReference('skins.SidebarPanelSkin');
        }

    </fx:Style>

    <cc:SidebarPanel id="collapsiblePanel" >

    </cc:SidebarPanel>

    </s:Application>

@命名空间s“library://ns.adobe.com/flex/spark";
@命名空间cc“customcomp.*”；
@名称空间customskins“skins.*”；
customskins |侧栏面板{
皮肤类：类引用（'skins.SidebarPanelSkin'）；
}

该错误是由我的未处理类型选择器导致的，还是代码中存在其他错误？另一个问题是，是否有关于从Flex4过渡到4.6的文档。找到了一些关于3到4.6的东西，但没有更多

问候

---

燕麦饼干解决了这个问题。我忘了将skinClass设置为组件--很抱歉打扰您..解决了问题。我忘了将skinClass设置为组件--很抱歉打扰您。。