在进度视图顶部绘制图像

Question

我正在尝试创建一个自定义 UIProgressView，我希望它看起来像这样：

但我正在尝试的一切都不起作用（iOS7）。我希望它支持 iOS5+ 以及 iOS7。最后我做了一些事情，我几乎到了，但我几乎没有问题。

这就是现在的样子：

如何将图像放在进度视图的后面，另外，如何更改进度条的颜色以及如何强制它保持在图像的边缘？

如何更改进度视图的框架？

这是我的代码：

- (void)createProgressView
{
    //   NOT CHANGING THE FRAME
    self.packageUtilizingCellProgressView.frame = CGRectMake(105, 20, 91, 14);
    self.packageUtilizingCellProgressView.progressViewStyle = UIProgressViewStyleBar;

    //   CHANGING THE FRAME
    [[UIProgressView appearance] setFrame:CGRectMake(105, 20, 91, 14)];
}

我还创建了一个名为 MYProgressView 的 UIProgressView 子类，并在 drawRect 中添加了这些行：

- (void)drawRect:(CGRect)rect
{
    UIImageView *background = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"progress_view_transparent_background.png"]];
    [background.image drawInRect:rect];
    [self bringSubviewToFront:background];
}

请告诉我我做错了什么以及如何以正确的方式做？

提前致谢！

Answer 1

一种解决方案是使用ImageProgressBar 的自定义进度视图。
创建您的自定义进度条并在其顶部添加 UILabel。

支持iOS5+和iOS7