swift - 如何在ios程序开发中正确使用activity indicator(菊花等待图标)?
高洛峰
高洛峰 2017-04-18 09:42:22
0
2
658

我想达到的效果是这样的:
点击按钮

图片ImageView处的占位图消失

图片处开始显示菊花动画图标

旋转五秒中

菊花图标停止并消失

显示新的图片

部分代码如下:

class ViewController: UIViewController { @IBOutlet weak var imageView: UIImageView! @IBOutlet weak var activityIndicator: UIActivityIndicatorView! @IBAction func clickButton(_ sender: UIButton) { imageView.image = nil activityIndicator.startAnimating() sleep(5) activityIndicator.stopAnimating() imageView.image = UIImage(named: "cat") } }

页面设计

实际效果是点击按钮之后,什么都没有发生,五秒钟之后换成了新的图片。
请问正确的写法应该是怎样的?

我的全部源码在这里:https://github.com/Stanley-Ti...
编程环境是Xcode8 Swift3

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua (2)
Ty80

给你提供两个思路吧,不一定是最好的,但愿对你有用吧。首先sleep(5)是写在主线程中,那么实际上菊花是已经开始动画了,不过当执行到sleep(5)的时候主线程休眠了,runloop不接收触控事件也不更新UI界面,所以你看不到菊花的动画效果,当主线程5秒后被唤醒,直接执行了stopAnimating,然后展示新图片。可以用GCD提供的afterAPI:

imageView.image = nil activityIndicator.startAnimating() let delay = DispatchTime.now() + DispatchTimeInterval.seconds(5) DispatchQueue.main.asyncAfter(deadline: delay) { activityIndicator.stopAnimating() imageView.image = UIImage(named: "cat") }

如果还想继续用sleep那可以开辟一个子线程,不过比较麻烦:

DispatchQueue.global().async { DispatchQueue.main.async { imageView.image = nil activityIndicator.startAnimating() } sleep(5) DispatchQueue.main.async { activityIndicator.stopAnimating() imageView.image = UIImage(named: "cat") } }
    巴扎黑

    直觉,sleep(5)有问题。
    sleep会让CPU停止处理操作。这样,在它使能时,UI不能更新,也就什么都没有发生了。

    使用dispatch_after()来替换sleep()处理延迟。

      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!