从 Flex3 迁移到 Flex4 时 CollapsibleAccordion 标签不可见的问题

Question

可折叠手风琴。我的 CollapsibleAccordion 中有两个画布，一切正常，但唯一的问题是，当我将代码从 Flex3 迁移到 Flex4 时，我看不到标签。

该问题的代码如下：

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"                
            xmlns:cal="cal.*"
            layout="absolute"
            addedToStage="stage_init()"
applicationComplete="init()"                            
        xmlns:geometry="com.degrafa.geometry.*"
        xmlns:degrafa="com.degrafa.*"
        xmlns:paint="com.degrafa.paint.*"
        xmlns:containers="flexlib.containers.*"
        xmlns:flexlib_controls="flexlib.controls.*"
        xmlns:mdi_containers="flexlib.mdi.containers.*"
        xmlns:auto="com.hillelcoren.components.*" 
        xmlns:local="*" backgroundColor="#f7fafe" backgroundGradientColors="[#f7fafe, #6caaeb]"
        xmlns:components="CollapsibleAccordion.*"
        xmlns:notifications="c7.views.components.notifications.*"
        xmlns:dbview="c7.views.apps.dashboard.*"
        modalTransparency="0.8" preloader="c7.views.components.Pre"
        modalTransparencyColor="0x000000" verticalScrollPolicy="auto"
        backgroundSize="100%"               
        xmlns:components1="c7.views.components.*" 
        xmlns:notification="c7.views.components.notification.*" 
        xmlns:news="c7.views.components.news.*">    
    <mdi_containers:MDICanvas id="mdic" horizontalScrollPolicy="off" verticalScrollPolicy="off"
        visible="{!GlobalModel.getInstance().dashboard_mode}"
         minWidth="{top_bar.width}"
        width="100%" height="100%" top="{top_bar.height}" backgroundAlpha="0">                              
       <mx:Canvas id="cvs_widget_bar" right="0" top="0" height="100%">
            <components:CollapsibleAccordion id="collapsibleAccordion1" height="100%" top="0" right="0"
                orientation="left" barSize="30" currentWidth="30" openSize="150"
                drawerButtonStyle="drawerButton" closeButtonStyle="drawerCloseRight" accordianStyle="drawerAccordion">
                <mx:Canvas width="100%" top="0" right="0" height="100%" label="Widget Bar">

                </mx:Canvas>
                <mx:Canvas width="100%" height="100%" label="Feedback" icon="{IconUtility.getClass(cvs_comment,'assets/cloud_main/images/article-48x48.png')}"
                    id="cvs_comment" top="0" right="0">

                </mx:Canvas>
            </components:CollapsibleAccordion>
        </mx:Canvas>    

如果您需要更多说明或有问题要问，请告诉我

提前致谢 泽山

Answer 1

我猜你正在为你的手风琴标题使用嵌入字体。如果是这样，请将其包含在你的 CSS 中。

mx|AccordionHeader
{
    textFieldClass: ClassReference("mx.core.UIFTETextField");
}

请参阅此链接了解更多信息详细信息

Spark 组件使用 FTE 和 TLF 类（均在 FP 10 中引入）进行文本渲染。而 mx 组件使用 TextField 进行文本渲染。如果我们在您的应用程序中不使用任何嵌入字体，则不会与 mx 组件产生任何冲突但是如果我们使用嵌入字体，我们将必须嵌入字体两次，以便它能够与 mx 组件一起使用 - 嵌入使用 embedAsCFF="false"（对于 mx）和 embedAsCFF="true"（对于 Spark）。但是嵌入不建议使用相同的字体两次，因为它会增加应用程序 swf 的总大小（但如果我没记错的话，即使这对我来说也不起作用）。所以我们要做的是，对于 mx 组件，我们明确告诉 FTE 和哪个类TLF 包用于文本渲染。有关哪个类用于哪个组件的更多详细信息，请参阅上面的链接。