解决在CSS在Flex:按钮在RichTextEditor仅?
-
20-08-2019 - |
题
我想改变这个字体特性的用于按钮在工具条的RichTextEditor,但我想他们是不同于其他按钮在我的应用程序。 是否有任何方法来做到这只是CSS? 我知道我可以做到这一setStyle如果有必要...
解决方案
做到这一点的方法之一,因为RichTextEditor的子部件都宣布单,因此可公开访问的,是分配给他们的 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的文档不要叫出来的子组件("boldButton","fontSizeCombo",et al)通过标识,但该构成部分的来源是可观的,所以你应该能够得到所有你需要的信息,从源代码本身。因为我用FlexBuilder,我通常使用日食Ctrl+点快捷方式,标记/类的名称,跳到相关类的定义文件,但你还可以打开的源文件直接在[何:选择要]/sdk/[本]/frameworks/src/mx/RichTextEditor.单看看自己。
我敢肯定还有其他办法(setStyle
被一个,尽管其明确的使用一般不执行的原因),但是这应该为你工作。有一点要注意,虽然,因为你会看到当你挖成的部件的来源,是许多按钮在默认设定的按钮实际使用的Png(例如, icon_style_bold.png
),而不是文本,这就是为什么我的例子包括参照组合框相反,所以你可以看到如何颜色的变化;如果你想改变一下按钮时,应注意他们使用的设置样式 icon
酒店,不是字体风格的设置,他们的外观和感觉。
希望它能帮助!
其他提示
谢谢@基督教Nunciato!这是我最后代,在我的组成,是一个RichTextEditor(延伸)。在creationComplete,我叫这个
private function setUpStyleNames():void {
setUpStyleNamesInner(toolbar.getChildren());
setUpStyleNamesInner(toolBar2.getChildren());
}
private function setUpStyleNamesInner(children:Array):void {
for each (var child:DisplayObject in children) {
if (child is UIComponent) {
UIComponent(child).styleName = "rteInnards";
}
}
}
然后在我的样式表,我有这个
.rteInnards {
color: #FF0000;
fontSize: 25px;
}
真棒。再次感谢!