ios自定义进度条设计

时间:2012-05-14 10:17:55

标签: ios progress-bar

我想为我的应用创建自定义进度条。我是iOS开发的新手,发现很难理解google上的代码让我感到很困惑。我想要的就像增长动画进度条。 例如:表示从小植物(到完整的树)树木生长方面的进展,表示过程完成。

在哪里以及如何开始?还有Core Graphics或cocos2d哪个适合这个?

3 个答案:

答案 0 :(得分:5)

如果你正在做一些像树一样的图形化的东西,你是否已经拥有了想要用作一系列图像的动画?

如果是这样,您可以使用UIImageView。每当您想要更新进度条时,只需检查任务的进度,并使用它来确定要显示的数字图像。因此,如果您有12个图像,您可以找到完成任务的百分比,除以100然后乘以12(然后转换为int)以获得所需的图像编号。

完成后,只需获取适当命名的图像并将其放入图像视图中:

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

至于何时进行进度检查,这取决于您正在执行的任务。有些任务有一个自然的位置来注入回调以更新UI,而对于其他任务,最好只使用一个计时器。

答案 1 :(得分:1)

你无法在uiprogressbar中进行太多改变,而是可以使用UISlide来表现得像进度条

您只能将进度条的框架更改为: -

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

你可以创建一个uiSlider并使其ThumbImage为nil,setMinimumTrackImage和maxtrackImage然后使用自定义函数来显示进度

custom UISlider

答案 2 :(得分:0)

https://github.com/jdg/MBProgressHUD 尝试此代码是最广泛使用的开源代码,用于您的目的