更改Flex标签的弯角和改变组合框的箭头

问题描述:

我有两个问题。更改Flex标签的弯角和改变组合框的箭头

  1. 如何在Flex中更改Label组件的拐角半径。尝试应用样式名称和setStyle('cornerRadius',9)方法,但不起作用。
  2. 如何将组合框控件中的箭头图像更改为不同的图像?

请给出您的建议。

好的,我编辑了我的答案。 看起来做的是包装标签在容器像HBox中

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

尝试它...我收到错误'无法解析属性'cornerRadius'组件类型为mx.controls.Label。' – jobinbasani 2009-08-14 20:25:50

+0

我编辑了我的答案。这应该适合你。 – Nick 2009-08-17 12:36:25

要更改ComboBox箭头您需要更改以下外观的唯一途径:

  • upSkin
  • overSkin
  • downSkin
  • disabledSkin

对于您需要更改以下外观可编辑ComboBox:

  • editableUpSkin
  • editableOverSkin
  • editableDownSkin
  • editableDisabledSkin

如果编码的动作试试这个,首先你必须在你的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); 

使用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>