更改Flex标签的cornerradius和更改组合框的箭头

Question

我有两个问题。

1. 如何在Flex中更改Label组件的圆角半径。尝试应用样式名称和setStyle（'cornerRadius'，9）方法，但不起作用。
2. 如何将组合框控件中的箭头图像更改为其他图像？

请提出您的建议。

Answer 1

好的，我已经编辑了我的答案。 看起来唯一的方法就是将Label包装在像HBox这样的容器中

<mx:HBox width="100%" horizontalAlign="right" id="hbox1" cornerRadius="16" borderStyle="solid">
  <mx:Label label="{stuff}" id="opLabel" />
</mx:HBox>

Answer 2

使用Spark组件使用BorderContainer控件

<s:BorderContainer id="brdr"
                   cornerRadius="6"
                   width="80" height="30"
                   horizontalCenter="0" verticalCenter="0">
                   <s:Label id="lblFoo" 
                            text="Bar"
                            width="100%" height="15"
                            horizontalCenter="0" verticalCenter="0"/>
</s:BorderContainer>

Answer 3

要更改组合框箭头，您需要更改以下外观：

• upSkin
• overSkin
• downSkin
• disabledSkin

对于可编辑的组合框，您需要更改以下外观：

• editableUpSkin
• editableOverSkin
• editableDownSkin
• editableDisabledSkin

Answer 4

如果您在actionScript上编码，请尝试使用此脚本，首先您必须在css文件属性中创建，例如：

CSS-File
.lineCorner{  corner-radius: 20; }

在您的主要mxml应用中，您必须将styleName设置为标签，如下例所示：

var myLabel:Label = new Label();
myLabel.text = "Bla-Bla-Bla";
myLabel.styleName = "lineCorner";
this.addChild(myLabel);