更改 Flex Spark ButtonBar 控件的标签和图标位置

Posted 2023-02-23

【中文标题】更改 Flex Spark ButtonBar 控件的标签和图标位置

【英文标题】：Change the label and icon placement for a Flex Spark ButtonBar control

【发布时间】：2012-04-29 23:25:41

【问题描述】：

我正在尝试为 ButtonBarButton 创建自定义外观。我需要为 mx ButtonBar 组件创建图标和标签放置的垂直布局，就像在这个示例中一样：http://blog.flexexamples.com/2008/01/08/changing-the-label-placement-for-a-flex-buttonbar-control/

不幸的是，spark 组件中没有“labelPlacement”属性，我也找不到更改自定义 SparkButtonSkin 的默认 BasicLayout 布局的方法。

找到了一个解决方案，您可以使用函数“setStyle”设置图标位置 （在火花皮肤初始化处理程序中）

protected function sparkbuttonskin_initializeHandler(event:FlexEvent):void
    
        setStyle("iconPlacement", IconPlacement.TOP);
    

【参考方案1】：

Spark Button 中有一个iconPlacement 属性。但是如果你想把按钮放在ButtonBar 组件中，你必须做这样的事情http://blog.flexexamples.com/2009/07/28/displaying-icons-in-a-spark-buttonbar-control-in-flex-4/

【讨论】：

谢谢！我找到了另一个解决方案，您可以在 SparkSkinButton 类中使用 setStyle 函数定义图标放置：codesetStyle("iconPlacement", IconPlacement.TOP);