親View内に作成したUIViewの中にViewを表示させたい

Question

Storyboadにてバナー広告表示領域（AdView）を確保しそのUIViewの中心にバナー広告を表示させたいです。
下記のようにやってみたのですがうまくいきません。

bannerViewでなく普通のUIViewでも試してみたのですが表示されませんでした。
self.AdView.addSubview(bannerView)でなく
self.view.addSubview(bannerView)とするとbannerView,UIView共に表示されます。

なぜAdViewに表示されないのかわからず困っています。
よろしくお願いします。

import UIKit
import GoogleMobileAds

class ViewController: UIViewController {
    
    let AdMobID = "ca-app-pub-3940256099942544/6300978111"//Test
    var bannerView: GADBannerView!

    @IBOutlet weak var AdView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        showAd()
    }
    
    //広告表示
    func showAd(){
        bannerView = GADBannerView(adSize: kGADAdSizeBanner)
        bannerView.frame.size = CGSize(width:self.view.frame.width, height:bannerView.frame.height)
        bannerView.center = AdView.center
        bannerView.adUnitID = AdMobID
        bannerView.rootViewController = self
        bannerView.load(GADRequest())
        self.AdView.addSubview(bannerView)
    }
}

Comments

[fuzzball]

そもそもAdViewが表示されていないのでは？（制約がおかしい、など）
viewDidAppearの中に print(AdView) を追加して、そのログを書いて下さい。

[sena14]

<UIView: 0x7fb277c14b80; frame = (0 796.5; 414 99.5); autoresize = RM+BM; layer = <CALayer: 0x60000077ef80>>と表示されました。

[fuzzball]

これ、実行している端末はXS MaxかXRですかね？

[sena14]

xrのシミュレータです。

[fuzzball]

それだと下端には表示されているはずですよね。（セーフエリア外なのでアレですが‥）
AdView自体が表示されていることは確認しているのでしょうか？

[sena14]

色を変えてみてAdViewの部分の色が変わっていることが確認できているので表示できているという認識でいます。

[fuzzball]

AdViewの座標を画面中央辺りに変更してどうなるか試してみて下さい。
あと、viewDidAppearの中に print(bannerView) を追加して出力を教えて下さい。

[sena14]

中心あたりに配置したところAdViewのbannerViewの表示が確認できました。
位置的にAdViewの下に表示されました。

何が原因なのでしょうか？

printの結果これであってますかね？
Optional(<GADBannerView: 0x7ff18441a370; frame = (0 821.25; 414 50); clipsToBounds = YES; layer = <CALayer: 0x60000295ca20>>)

[fuzzball]

viewDidLayoutSubviewsに bannerView.center = AdView.center を追加（というか移動）してみて下さい。

Answer 1

よく見たら、

bannerView.frame.size = CGSize(width:self.view.frame.width, height:bannerView.frame.height)
bannerView.center = AdView.center

この二行おかしいですね。

• size 高さの設定に自分の高さを使ってる
• center 座標系の違う座標を使ってる（AdView.centerはself.viewの座標系、bannerView.centerはAdViewの座標系）

ということで、上の二行を下のように変更。

bannerView.frame = CGRect(origin: .zero, size: CGSize(width: self.view.frame.width, height: AdView.frame.height))

質問のコードのままならこうなのですが、widthもAdViewに合わせていいなら、

bannerView.frame = CGRect(origin: .zero, size: AdView.frame.size)

これでAdViewにピッタリ重なると思います。

Comments

[sena14]

ありがとうございます。
無事表示できました！

Answer 2

こんにちは。

AdViewがなんなのか全然わからないので、Viewがどういう状況になっているのか実行時に
View階層を調べてみてください。

参考：
https://qiita.com/akatsuki174/items/45d4bd7cb150defbf116

Comments

[sena14]

AdViewは大きさのみを変更したUI View です。
教えていただいたリンクの通りに見てみたところAdViewの下にGADBannerViewが追加されていることは確認できました。
ただレイアウトの方では何も見えない状態です。裏に隠れているなどといったこともなさそうです。GADBannerViewというのをクリックしても特にどこもハイライトされません。

GADBannerViewはself.viewに追加すると広告が表示されます。