在进度视图顶部绘制图像

Posted 2023-03-16

【中文标题】在进度视图顶部绘制图像

【英文标题】：Draw an image on-top of Progress View

【发布时间】：2013-09-24 09:02:57

【问题描述】：

我正在尝试创建一个自定义 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];

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

提前致谢！

【问题讨论】：

检查这个：- cocoacontrols.com/search?utf8=%E2%9C%93&q=UIProgressView

【参考方案1】：

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

支持iOS5+和iOS7