Flex HBox具有背景颜色和圆角，可以解决问题

Question

我在Flex中遇到了一个问题。我有一个带有HBox和Label的画布。请在下面找到代码。

   <mx:VBox verticalAlign="top" horizontalAlign="center"
        fontSize="12" fontWeight="normal" verticalGap="0">
        <mx:Label text="Cover" />
        <mx:Canvas width="120" styleName="pbcontainer">
            <mx:HBox id="pb" height="35" />
            <mx:Label id="dashboard_cover" fontWeight="normal" 
                      fontSize="20" horizontalCenter="0" verticalCenter="0"/>
        </mx:Canvas>
    </mx:VBox>


.pbcontainer {
    cornerRadius: 15;
    backgroundColor: #FFFFFF;
    borderStyle: solid;
    borderThickness: 2;
    borderColor: #000000;
}

我正在尝试在此处实施ProgressBar。 现在，问题是如果percentWidth的{​​{1}}小于5，pb颜色会溢出，这是不希望的。请在下面找到图片。任何人都可以帮助我解决这个问题。

谢谢，
安

Answer 1

只是一个想法，而不是使用带背景的HBox，尝试使用ProgressBar并设置其进度，而不是percentWidth的{​​{1}}。

编辑：哦，根据评论中的讨论，似乎上述解决方案不可行。您是否尝试在HBox内设置cornerRadius？它是蓝色背景的那个不是吗？