Flex HBox 具有背景颜色和圆角，布线问题

Question

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

   <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 。 现在的问题是，如果 pb 的 percentWidth 小于 5，haloBlue 颜色就会溢出，这是不希望的。请找到下面的图片。谁能帮我解决这个问题。

谢谢，
安吉

Answer 1

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

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