iOS iAd Integration Issue With UIToolBar

Question

I am trying to add iAd into my project. The view controller that i am trying to iAd into contains a UIWebView. A UIToolBar is also added at the bottom. Above the tool bar, i have dragged a ADBannerView inside my StoryBoard. This is how it looks like:

ios iad integration

To show the ads, this is what i have done so far: Added iAd frameWork, created an IBOutLet from AdBannerView named "banner", in viewDidLoad i assigned the delegate to self. Then i added the AdBannerViewDelegate methods and also added the following method:

- (void) viewDidLayoutSubviews {
    if (self.banner.bannerLoaded) {
        CGRect contentFrame = self.view.bounds;
        CGRect bannerFrame = self.banner.frame;
        contentFrame.size.height -= self.banner.frame.size.height;
        bannerFrame.origin.y = contentFrame.size.height;
        self.banner.frame = bannerFrame;
    }
}

Well the iAd is properly showing with all the above i have done.

PROBLEM: The first time the view is loaded, it shows the ads properly but when i unload and reload the view again, UIToolBar disappears and is covered by the AdBannerView which is shifted below in place of UIToolBar. Can anyone points out where the problem could be and how to solve it? Thanks.

score 3 · Accepted Answer · answered Nov 16 '13 at 01:00

Your problem is due to setting frames in the viewDidLayoutSubviews method. When using auto layout, you shouldn't set any frames. In the storyboard, when you add the addBannerView, give it a height constraint, and spacing constraints to the to sides of the view, and a vertical spacing constraint to the tool bar (the web view should also have a vertical spacing constraint to the top of the add banner view). Delete the viewDidLayoutSubviews method, and it should work properly.

Removed the viewDidLayoutSubviews method and now its working fine! Thanks! — AJ112, Nov 16 '13 at 01:10

score 1 · Answer 2 · answered Nov 15 '13 at 22:55

1

Sounds like a z-index problem to me, and if this is the case, the solution is quite simple. If you're using Interface Builder, you can use the Document Outline on the left side of your screen to drag and drop views to adjust their z-index. The bottom of the list is the highest z-index and therefore the top on screen view.

Or, if you want to make the adjustments in code, instead of using addSubview:, you can use one of the following.

[<#(UIView *)#> insertSubview:<#(UIView *)#> aboveSubview:<#(UIView *)#>];
[<#(UIView *)#> insertSubview:<#(UIView *)#> atIndex:<#(NSInteger)#>];
[<#(UIView *)#> insertSubview:<#(UIView *)#> belowSubview:<#(UIView *)#>];

answered Nov 15 '13 at 22:55

Mick MacCallum

129,200
40
280
281

i am using StoryBoards – AJ112 Nov 15 '13 at 23:09
@AJ112 Storyboards use Interface Builder. – Mick MacCallum Nov 15 '13 at 23:10
i have updated the image in my question. Can you tell precisely what i have to do in the document outline? – AJ112 Nov 15 '13 at 23:20
@AJ112 Right, as I explained in my post, the ad is covering the toolbar because the ad banner is listed below the toolbar in the Document Outline (the left of your screenshot). Drag and drop to switch their order. – Mick MacCallum Nov 15 '13 at 23:24
now the banner view is showing below the UIToolBar which means now UIToolBar is covering the Ad Banner View. What to do now? – AJ112 Nov 15 '13 at 23:34

iOS iAd Integration Issue With UIToolBar

2 Answers2