自定义进度条但有图像

Question

好吧不要急于投票给我，这不是通常在进度条中添加图像。我想要的是让阿贝尔出现（比方说）一个带有星形图片的圆圈，但它应该有点变灰。应该从图片的底部看到进展并向上发展。随着进度条的进展，灰色应该逐渐消失。这是我的意思的图片：

第一张照片：进展尚未开始。因此它变灰了。

第二张图片：进度开始，图片正在显示

希望我说清楚。现在我期待的是提示，文档参考，或告诉我应该使用什么框架来实现这一目标。谢谢！

Answer 1

一种非常简单的方法是创建自定义视图类。此自定义视图将具有显示完整，明亮图像的图像视图。此自定义视图还会在图像视图中添加具有半透明黑色背景颜色的UIView。根据进度，可以调整此封面视图的框架以显示其下方的图像。

Answer 2

我认为你需要两个图像：圆形明亮的星星和半透明的灰色，形状和大小相同。将灰色放在具有相同框架的星形顶部。确保灰色图像的contentMode = UIViewContentModeTopLeft。然后正如@rmaddy建议的那样，根据活动的进度改变灰色图像的框架（高度）。

CGRectMake(kX, kY, kWidth, kHeight * pctProgress)

边缘处的“半月板”效果有点棘手。你想要多么糟糕？