具有背景颜色和圆角的 Flex HBox，wiered 问题

【问题标题】：Flex HBox with background color and rounded corner, wiered problem具有背景颜色和圆角的 Flex HBox，wiered 问题
【发布时间】：2011-06-07 13:28:23
【问题描述】：

我在 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 颜色溢出，这是不希望的。请在下面找到图片。谁能帮我解决这个问题。

谢谢，
安吉

【问题讨论】：

标签： apache-flex progress-bar rounded-corners hbox

【解决方案1】：

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

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

【讨论】：

@Shrikant Sharat 感谢您的想法，但我的要求是创建一个带圆角的ProgressBar。当我用ProgressBar 替换HBox 时，我看到了不需要的方角。
您是否将cornerRadius 设置为ProgressBar？
ProgressBar 没有 cornerRadius 属性
@Shrikant Sharat 是的，我为HBox 设置了cornerRadius。问题是如果HBox 的percentWidth 小于5% [我通过反复试验发现这是5%] 我遇到了这个问题.. 否则它会按预期工作。
好吧，我完全没有主意了。我的系统上没有 flex 可以尝试...我会看看我是否可以有时间去做:)