【问题标题】:ios custom progress bar designingios自定义进度条设计
【发布时间】:2012-05-14 10:17:55
【问题描述】:

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

从哪里开始以及如何开始?还有 Core Graphics 和 cocos2d 哪个更适合这个?

【问题讨论】:

  • 与其在谷歌上找代码,不如写一些?如果您是 iOS 开发新手,很难知道从哪里开始帮助您。您还没有说出您尝试过的内容或遇到的困难。尝试阅读 iOS Drawing and Printing Guide 开始,然后提出更具体的问题。

标签: ios progress-bar


【解决方案1】:

如果你正在做一些图形化的事情,比如树的生长,你是否已经有了想要用作一系列图像的动画?

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

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

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

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

【讨论】:

    【解决方案2】:

    您不能在 uiprogressbar 中进行太多更改,而是可以使用 UISlide 来表现得像进度条 .

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

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

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

    custom UISlider

    【讨论】:

    • 这是一个有趣的想法!感谢这个想法。
    【解决方案3】:

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

    【讨论】:

    • 这更像是活动指标
    • 是的,有多种选择。
    • 使用这个开源代码。这真的很有帮助,可以解决您的问题。
    • ya.. Danyal Aytekin 是对的......我希望它像一棵树一样生长......而不是正常的进度条
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-11-03
    • 2014-01-29
    • 2016-03-29
    • 2016-05-06
    • 2015-12-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多