Нарисуйте изображение на-топ Прогресс Просмотр

Question

Я пытаюсь создать пользовательский UIProgressView, и я хочу, чтобы выглядеть следующим образом:

Но все, что я стараюсь не работает (IOS 7). Я хочу, чтобы он поддерживал 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)]; 
} 

Я также создал подкласс UIProgressView называется MYProgressView и 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