How to center UIActivityIndicator?

Question

SOLVED: Check below for the solution to my problem.

enter image description here

Hey SO,

I'm having trouble centering the UIActivityIndicator in the center of the view. As you can see here, it's a little farther down vertically than it should be. What I have is a UIScrollView that later adds a UIImage subview. Before the UIImage loads though, I have this UIActivityIndicator to show that the image is loading.

- (void)viewDidLoad
{

    [super viewDidLoad];
    self.scrollView.backgroundColor = [UIColor blackColor];
    UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc]       initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];
    spinner.center = self.view.center;

    [spinner startAnimating];
    [self.view addSubview:spinner];

Any ideas on how I could get the center CGPoint and set the UIActivityIndicator there? I'm not sure why self.view.center doesn't work.

Thanks in advance.

EDIT: I had to account for the height of the navigation bar and the tab bar. The code I had to add was :

float navigationBarHeight = [[self.navigationController navigationBar] frame].size.height;
float tabBarHeight = [[[super tabBarController] tabBar] frame].size.height;
spinner.center = CGPointMake(self.view.frame.size.width / 2.0, (self.view.frame.size.height  - navigationBarHeight - tabBarHeight) / 2.0);

enter image description here

Rob · Accepted Answer · 2012-07-20 22:35:57Z

7

Two problems:

First, self.view.center is the center of the current view's frame on it's parent's frame. If you want the center of the current view, you want CGPointMake(self.view.frame.size.width / 2.0, self.view.frame.size.height / 2.0);
Second, your current view does not include the navigationbar, so you're centering it on the space of the screen below the nav bar. That will also make it look lower.

answered Jul 20, 2012 at 22:35

Rob

441k74 gold badges851 silver badges1.1k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kkSlider Over a year ago

Thanks @Robert Ryan! Going off your two hints I was able to get it working properly. I had to find the height of both the navigation bar and the tab bar in order to get the proper height. I added the code to my original post.

A.J. Hernandez · Accepted Answer · 2016-05-03 20:34:11Z

5

SWIFT

I was having the same issue because of a nav bar and a tab bar. To fix, place the following code in your loadView() or wherever you call your activity indicator to begin animating:

let navigationBarHeight = self.navigationController?.navigationBar.frame.height
let tabBarHeight = super.tabBarController!.tabBar.frame.height
YourActivityIndicator.center = CGPointMake(self.view.frame.size.width / 2.0, (self.view.frame.size.height - navigationBarHeight! - tabBarHeight) / 2.0)

answered May 3, 2016 at 20:34

A.J. Hernandez

96811 silver badges13 bronze badges

Comments

Deepak Singh Negi · Accepted Answer · 2012-07-20 22:31:20Z

4

use spinner.center = self.scrollView.center; instead

try this

spinner.center = CGPointMake(CGRectGetMidX(self.bounds), CGRectGetMidY(self.bounds));

edited Jul 20, 2012 at 22:31

answered Jul 20, 2012 at 22:18

Deepak Singh Negi

6699 silver badges22 bronze badges

Comments

Josejulio · Accepted Answer · 2012-07-20 22:05:22Z

3

I'm not sure what is exactly going on, but maybe your UIScrollView is taller than the screen? You could try printing the size of your UIView to determine if is in the screen bounds. Perhaps the UIActivityIndicator is on the center of the UIView (not the center of the screen).

answered Jul 20, 2012 at 22:05

Josejulio

1,2941 gold badge17 silver badges32 bronze badges

2 Comments

kkSlider Over a year ago

Wouldn't the center of the UIView's bounds be the same as the center of the screen?

kkSlider Over a year ago

NSLog gave me that both self.view and self.scrollView's CGRect is {{0, 0}, {320, 460}}. And self.view.center correctly prints (160, 230). Not sure what's wrong here.

Mohsin Qureshi · Accepted Answer · 2017-03-21 06:06:32Z

0

Set center in viewDidLayoutSubviews.

    - (void) viewDidLayoutSubviews {

self.myActivityIndicator.center = self.view.center;

}

answered Mar 21, 2017 at 6:06

Mohsin Qureshi

1,2132 gold badges16 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to center UIActivityIndicator?

5 Answers 5

1 Comment

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related