ios custom progress bar design

Question

Я хочу создать пользовательскую панель выполнения для своего приложения. Я новичок в разработке iOS и затрудняюсь понять коды на google, которые меня путают. То, что я хочу, похоже на растущий анимированный индикатор прогресса. Например, как показано прогресс в терминах роста дерева от небольшого растения (до полного дерева), что означает завершение процесса.

Где и с чего начать? А также является Core Graphics или cocos2d, который будет уместен для этого?

Answer 1

Если вы делаете что-то графическое, как дерево, то у вас уже есть анимация, которую вы хотите использовать в виде серии изображений?

Если это так, вы можете использовать UIImageView. Всякий раз, когда вы хотите обновить индикатор выполнения, просто проверьте ход выполнения своей задачи и используйте это, чтобы определить, какое числовое изображение должно отображаться. Итак, если у вас было двенадцать изображений, вы могли бы найти процент завершения вашей задачи, делить на 100, а затем умножить на двенадцать (а затем преобразовать в int), чтобы получить нужный номер изображения.

После того, как вы сделали это, просто получить изображение с соответствующим названием и поместить его на ваш взгляд изображения:

self.myImageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"frame-%i", myImageNumber]]; 

Как когда делать проверку хода, которая зависит от задачи, которую вы делаете. В некоторых задачах есть естественное место для ввода обратного вызова для обновления пользовательского интерфейса, а для других лучше просто использовать таймер.

Answer 2

https://github.com/jdg/MBProgressHUD Попробуйте этот код его modst широко используется с открытым исходным кодом для своего рода цели

Answer 3

вы не можете многое изменить в uiprogressbar вместо этого вы можете использовать UISlide вести себя как ProgressBar .

вы можете изменить только рамку ProgressBar, как: -

UIProgressView *progressView = [[UIProgressView alloc] initWithProgressViewStyle 
:UIProgressViewStyleBar]; 
[progressView setFrame:CGRectMake(0,0,320,10)]; 

вы можете создать uiSlider и сделать его ThumbImage к нулю, setMinimumTrackImage анс maxtrackImage, а затем использовать пользовательскую функцию на нем, чтобы показать прогресс

custom UISlider