css - 在 Flex : Buttons in RichTextEditor only? 的 CSS 中寻址

Question

我想更改 RichTextEditor 工具栏中按钮的字体特征，但我希望它们与我的应用程序中的其他按钮不同。 有什么方法可以只用 CSS 来做到这一点吗？我知道如果需要的话我可以用 setStyle 来做到这一点...

Answer 1

由于 RichTextEditor 的子组件是在 MXML 中声明的，因此可以公开访问，因此一种方法是在运行时单独分配它们的 styleName 属性(在容器的 creationComplete 事件触发，以确保已创建编辑器及其所有子项)，如下所示:

<mx:Style>

    .myRTECombo
    {
        color: #FF0000;
    }

</mx:Style>

<mx:Script>
    <![CDATA[

        private function creationCompleteHandler(event:Event):void
        {
            rte.fontFamilyCombo.styleName = "myRTECombo";
            rte.fontSizeCombo.styleName = "myRTECombo";
        }

    ]]>
</mx:Script>

<mx:RichTextEditor id="rte" />

Flex 文档不会通过 ID 调出子组件(“boldButton”、“fontSizeCombo”等)，但组件的源代码可供查看，因此您应该能够从中获取所需的所有信息源代码本身。由于我使用 FlexBuilder，我通常使用 Eclipse Ctrl+click 快捷键，在标签/类名上，跳转到相关的类定义文件，但你也可以直接在 [installDir]/sdks/[version] 打开源文件]/frameworks/src/mx/RichTextEditor.mxml 自己看看。

我敢肯定还有其他方法(setStyle 就是其中一种，尽管出于性能原因通常不鼓励明确使用它)，但这应该适合您。不过，需要注意的一件事是，正如您在深入了解码件的源代码时所看到的那样，默认按钮集中的许多按钮实际上使用的是 PNG(例如，icon_style_bold.png)，而不是text，这就是为什么我的示例包含对 ComboBox 的引用，因此您可以看到颜色变化是如何应用的；如果您想更改按钮的外观，请注意它们使用的是样式化的 icon 属性，而不是字体样式设置，以改变它们的外观和感觉。

希望对您有所帮助!