如何以编程方式在视图中间创建活动指示器？

Question

我正在使用一个在线解析提要的应用程序。当我单击刷新按钮时，需要一些时间来重新解析文件并显示其数据。当我单击刷新按钮时，我希望在视图中间有一个活动指示器。解析完成后，该指示器应该隐藏。

我正在使用这段代码，但它不起作用：

- (IBAction)refreshFeed:(id)sender
{
   UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
   [self.view addSubview:spinner];

   [spinner startAnimating];

   // parsing code code
    
   [spinner release];
}

Answer 1

UIActivityIndi​​cator 通常需要放置在长进程（解析提要）之外的单独线程中才能显示。

如果您想将所有内容保留在同一个线程中，那么您需要给指示器时间来显示。 此 Stackoverflow 问题解决了代码中的延迟问题。

编辑：两年后，我认为任何时候你使用延迟来使某件事发生时你都可能做错了。以下是我现在执行此任务的方式：

- (IBAction)refreshFeed:(id)sender {
    //main thread
    UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge]; [self.view addSubview:spinner];

    //switch to background thread
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^{

        //back to the main thread for the UI call
        dispatch_async(dispatch_get_main_queue(), ^{
            [spinner startAnimating];
        });
        // more on the background thread

        // parsing code code

        //back to the main thread for the UI call
        dispatch_async(dispatch_get_main_queue(), ^{
            [spinner stopAnimating];
        });
    });
}

Answer 2

我想我无法解释它
好吧，让我们再试一次。它是一个导航
基于应用程序。我有表视图。每一个
单元格创建一个详细视图。在根视图上
这是一个表格视图，有一个
刷新按钮。当我点击那个时
按钮它会再次解析提要。和
这需要一些时间。那时
程序没有响应。解析是
完成它再次工作。现在我需要
当时的活动指示器。我
不知道如何添加到xib中。 BCZ 当
我打开 main.xib 并放置活动
RootViewController 中的指示器。它
位于整个 tableView 的前面。现在
也许我解释得很好。如果不让我
知道我会再试一次。

根据您上面所说的，程序在解析期间没有响应，这是一个问题。如果在解析数据时 GUI 冻结，则应将该操作移至辅助线程。这样您的 GUI 就能保持响应，并且您将能够看到活动指示器。

在主线程上，您应该有与此类似的内容，以便显示活动指示器：

UIActivityIndicatorView  *av = [[[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray] autorelease];
av.frame = CGRectMake(round((yourView.frame.size.width - 25) / 2), round((yourView.frame.size.height - 25) / 2), 25, 25);
av.tag  = 1;
[yourView addSubview:av];
[av startAnimating];

辅助线程完成后，这是解析数据的线程，您应该在主线程上调用类似的内容来删除活动指标：

UIActivityIndicatorView *tmpimg = (UIActivityIndicatorView *)[yourView viewWithTag:1];
[tmpimg removeFromSuperview];

Answer 3

将活动指示器的中心更改为

activityIndicator.center = self.view.center;

Answer 4

UIActivityIndicatorView *activityIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
activityIndicator.alpha = 1.0;
[collectionVwSearch addSubview:activityIndicator];
activityIndicator.center = CGPointMake([[UIScreen mainScreen]bounds].size.width/2, [[UIScreen mainScreen]bounds].size.height/2);
[activityIndicator startAnimating];//to start animating

对于 Swift

let activityIndicator: UIActivityIndicatorView = UIActivityIndicatorView.init(activityIndicatorStyle: UIActivityIndicatorViewStyle.Gray)
activityIndicator.alpha = 1.0
collectionVwSearch.addSubview(activityIndicator)
activityIndicator.center = CGPointMake(UIScreen.mainScreen().bounds.size.width / 2, UIScreen.mainScreen().bounds.size.height / 2)
activityIndicator.startAnimating()

在适当的位置停止 ActivityIndi​​cator wirte [activityIndi​​cator stopAnimating]

Answer 5

self.activity.center = CGPointMake(self.view.bounds.size.width / 2.0f, self.view.bounds.size.height / 2.0f);
self.activity.autoresizingMask = (UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleTopMargin);

Answer 6

在开始任务之前添加此代码：

UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
[self.view addSubview:spinner];
[spinner setFrame:CGRectMake((self.view.frame.size.width/2)-(spinner.frame.size.width/2), (self.view.frame.size.height/2)-(spinner.frame.size.height/2), spinner.frame.size.width, spinner.frame.size.height)];
[spinner startAnimating];    

任务完成后添加：

[spinner stopAnimating];

Answer 7

在 Swift 中，这适用于我的应用程序

let activity_view = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.Gray)
activity_view.frame =  CGRectMake(0.0, 0.0, 40.0,40.0)
activity_view.center = self.view.center
self.view.addSubview(activity_view)
activity_view.bringSubviewToFront(self.view)
activity_view.startAnimating()

Answer 8

/ create activity indicator 
activityIndicator = [[UIActivityIndicatorView alloc] 
    initWithFrame:CGRectMake(0.0f, 0.0f, 20.0f, 20.0f)];
[activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];

...
 [self.view addSubview:activityIndicator];
// release it
[activityIndicator release];

更好的方法是在 xib & 上添加指标根据您的要求使其隐藏/取消隐藏

Answer 9

spinner.center = self.view.center;

要从 rootController 显示微调器，请尝试：

[self.navigationController.visibleViewController.view addSubview:spinner];

或

[self.navigationController.view addSubview:spinner];

Answer 10

尝试这样

activityIndicator.center = CGPointMake(160,240);

Answer 11

其他一些答案的问题是每次都会添加一个新的活动指示器，因此子视图开始堆积。这是一个仅使用单个 UIActivityIndi​​cator 的完整示例。

这是上面项目的完整代码：

import UIKit
class ViewController: UIViewController {

    // only using a single spinner instance
    let spinner = UIActivityIndicatorView(activityIndicatorStyle: .WhiteLarge)

    override func viewDidLoad() {
        super.viewDidLoad()

        // setup spinner
        spinner.backgroundColor = UIColor(white: 0, alpha: 0.2) // make bg darker for greater contrast
        self.view.addSubview(spinner)
    }

    @IBAction func startSpinnerButtonTapped(sender: UIButton) {

        // start spinner
        spinner.frame = self.view.frame // center it
        spinner.startAnimating()

        let qualityOfServiceClass = QOS_CLASS_BACKGROUND
        let backgroundQueue = dispatch_get_global_queue(qualityOfServiceClass, 0)
        dispatch_async(backgroundQueue, {       

            // do something that takes a long time
            sleep(2)

            // stop spinner when background task finishes
            dispatch_async(dispatch_get_main_queue(), { () -> Void in
                self.spinner.stopAnimating()
            })
        })
    }
}

Answer 12

你可以写 swift 4

let spinner = UIActivityIndicatorView(activityIndicatorStyle: .whiteLarge)

override func viewDidLoad() {
    super.viewDidLoad()

    spinner.backgroundColor = UIColor(white: 0, alpha: 0.2) // make bg darker for greater contrast
    self.view.addSubview(spinner)
}

@IBAction func foodActionBtn(_ sender: Any) {

    // start spinner
    spinner.frame = self.view.frame // center it
    spinner.startAnimating()

    let qualityOfServiceClass = QOS_CLASS_BACKGROUND
    let backgroundQueue = DispatchQueue.global(qos: .background)
    backgroundQueue.async(execute: {
        sleep(2)
        self.spinner.stopAnimating()
    })
}

Answer 13

SWIFT 5

声明

let activityIndicator: UIActivityIndicatorView = UIActivityIndicatorView.init(style: UIActivityIndicatorView.Style.medium)
//if you want a bigger activity indicator, change style from .medium to .large

ViewDidLoad

activityIndicator.alpha = 1.0
view.addSubview(activityIndicator)
activityIndicator.center = view.center

Activate activity indicator, in my case it is in `didSelectRowAt` method

activityIndicator.startAnimating()

如果您在动画处于活动状态时推送到另一个视图控制器，然后弹出回来，您仍然会看到活动指示器动画，因此您应该这样做

override func viewWillAppear(_ animated: Bool) {
        if activityIndicator.isAnimating {
            activityIndicator.stopAnimating()
        }
    }

Answer 14

Poscean 先生我的代码正在运行。但是如果您想显示活动指示器的大外观，您可以使用它......

var activityIndicator = UIActivityIndicatorView()
    activityIndicator = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.gray)
    activityIndicator.frame = CGRect(x: 0, y: 0, width: 50, height: 50)
    let transform: CGAffineTransform = CGAffineTransform(scaleX: 1.5, y: 1.5)
    activityIndicator.transform = transform
    activityIndicator.center = self.view.center
    activityIndicator.startAnimating()
    self.view.addSubview(activityIndicator)