Question

我有UIViewController UITableView，用于填充广告支持版本的屏幕。 MyViewController已嵌入UINavigationController，底部有UITabBarController。

这个应用程序将有2个版本：

1）支付 - 我在故事板上配置了此功能。它按预期工作。

2）广告支持 - 尽我所能，我无法在正确的位置获得横幅广告。我试图这样做：

topLayoutGuide
tableview
standard height padding
bannerView (50 height)
standard height padding
bottomLayoutGuide

相反，bannerView正在绘制在tableView之上，而不是在tableView和bottomLayoutGuide之间

我从configureBannerView调用我创建的名为viewDidLoad的方法。这里＆＃39;以可视格式语言布局视图的相关代码部分：

var allConstraints = [NSLayoutConstraint]()

let horizontalTableViewConstraint = NSLayoutConstraint.constraintsWithVisualFormat(
    "H:|[tableView]|",
    options: NSLayoutFormatOptions.AlignAllCenterY,
    metrics: nil,
    views: views)
allConstraints += horizontalTableViewConstraint

let horizontalBannerViewConstraint = NSLayoutConstraint.constraintsWithVisualFormat(
    "H:|[leftBannerViewSpacer]-[bannerView(320)]-[rightBannerViewSpacer(==leftBannerViewSpacer)]|",
    options: NSLayoutFormatOptions.AlignAllCenterY,
    metrics: nil,
    views: views)
allConstraints += horizontalBannerViewConstraint

let verticalConstraints = NSLayoutConstraint.constraintsWithVisualFormat(
    "V:|[topLayoutGuide][tableView]-[leftBannerViewSpacer(50)]-[bottomLayoutGuide]|",
    options: [],
    metrics: metrics,
    views: views)
    allConstraints += verticalConstraints

我无法弄清楚为什么这不起作用。以下是完整的configureBannerView方法。

func configureBannerView() {
    if adSupported == false {
        // Do nothing, leave it alone
    } else {

        // remove existing constraints
        tableView.removeConstraints(tableView.constraints)
        tableView.translatesAutoresizingMaskIntoConstraints = false

        // create dictionary of views
        var views: [String : AnyObject] = [
            "tableView" : tableView,
            "topLayoutGuide": topLayoutGuide,
            "bottomLayoutGuide": bottomLayoutGuide]

        // Create a frame for the banner
        let bannerFrame = CGRect(x: 0, y: 0, width: kGADAdSizeBanner.size.width, height: kGADAdSizeBanner.size.height)
        // Instnatiate the banner in the frame you just created
        bannerView = GADBannerView.init(frame: bannerFrame)
        bannerView?.translatesAutoresizingMaskIntoConstraints = false
        // add the bannerView to the view
        view.addSubview(bannerView!)
        // add bannerView to the view dictionary
        views["bannerView"] = bannerView

        // Create spacers for left and right sides of bannerView
        // 32.0 = leftSpacer left pad + leftSpacer right pad + rightSpacer left pad + rightSpacer right pad
        // Calculate width of spacer
        let spacerWidth = (screenSize.width - kGADAdSizeBanner.size.width - 32.0) / 2

        // Instantiate left and right pads
        // 50.0 = height of bannerView
        let leftBannerViewSpacer = UIView(frame: CGRect(x: 0, y: 0, width: spacerWidth, height: 50.0))
        let rightBannerViewSpacer = UIView(frame: CGRect(x: 0, y: 0, width: spacerWidth, height: 50.0))

        leftBannerViewSpacer.translatesAutoresizingMaskIntoConstraints = false
        rightBannerViewSpacer.translatesAutoresizingMaskIntoConstraints = false

        // add the spacers to the subview
        view.addSubview(leftBannerViewSpacer)
        view.addSubview(rightBannerViewSpacer)

        // add to the views dictionary
        views["leftBannerViewSpacer"] = leftBannerViewSpacer
        views["rightBannerViewSpacer"] = rightBannerViewSpacer


        // Create metric for tabBarHeight
        let tabBarHeight = tabBarController?.tabBar.frame.height

        // Create a dictionary of metrics
        let metrics: [String : CGFloat] = ["tabBarHeight": tabBarHeight!]


        var allConstraints = [NSLayoutConstraint]()

        let horizontalTableViewConstraint = NSLayoutConstraint.constraintsWithVisualFormat(
            "H:|[tableView]|",
            options: NSLayoutFormatOptions.AlignAllCenterY,
            metrics: nil,
            views: views)
        allConstraints += horizontalTableViewConstraint

        let horizontalBannerViewConstraint = NSLayoutConstraint.constraintsWithVisualFormat(
            "H:|[leftBannerViewSpacer]-[bannerView(320)]-[rightBannerViewSpacer(==leftBannerViewSpacer)]|",
            options: [NSLayoutFormatOptions.AlignAllCenterY],
            metrics: nil,
            views: views)
        allConstraints += horizontalBannerViewConstraint

        let verticalConstraints = NSLayoutConstraint.constraintsWithVisualFormat(
            "V:|[topLayoutGuide][tableView]-[leftBannerViewSpacer(50)]-[bottomLayoutGuide]|",
            options: [],
            metrics: metrics,
            views: views)
        allConstraints += verticalConstraints

        NSLayoutConstraint.activateConstraints(allConstraints)

感谢您的阅读。我欢迎解决我的错误代码的建议。

Answer 1

故事板解决方案

除非所有其他途径都失败，否则不要以编程方式添加约束：在构建，链接，运行之前，无法看到您在做什么。

一个更简单的解决方案，只需要更少的代码就可以保持对视图的引用和Interface Builder的约束，并且：

constraintToTweak.constant = newValue

与其他属性不同，可以在创建约束后修改常量。在现有约束上设置常量比删除约束并添加一个与旧约束一样的新约会比使用新常量要好得多。

或

constraintToTweak.active = false

可以通过操纵此属性来激活或停用接收器。只有活动约束才会影响计算的布局。尝试激活其项目没有共同祖先的约束将导致抛出异常。新创建的约束默认为NO。

Answer 2

通过 ishaq＆＃39> 和 SwiftArchitect的协助，我明白了。事实证明，让Single正确显示在GADBannerView以下而不将其添加为页脚的关键非常简单。我最后通过执行以下操作来砍掉100行不必要的代码：

1）UITableView：如果您之前没有使用此功能，请停止您现在正在执行的操作并按照this tutorial进行操作。

我将界面构建器中的UIStackView和tableView: UITableView添加到垂直bannerView: GADBannerView

2）我在UIStackView为IBOutlets创建了tableView（我已经MyViewController）。

3）我重构的configureBannerView看起来像这样。

// I added these properties at the top. I did not know you could drag 
// constraints from Interface Builder onto the ViewController
@IBOutlet weak var bannerViewHeight: NSLayoutConstraint!
@IBOutlet weak var bannerViewWidth: NSLayoutConstraint!


func configureBannerView() {
    if adSupported == true {
        loadAd() // follow Google's documentation to configure your requests
    } else {
        bannerView.hidden = true // this hides the bannerView if it's not needed

    // Removes constraint errors when device is rotated
    bannerViewWidth.constant = 0.0  
    bannerViewHeight.constant = 0.0

    }
}

感谢 ishaq ＆amp; SwiftArchitect 让我指向正确的方向。

Answer 3

添加新的adMob UIViewController作为根控制器，并添加旧的根控制器的subSubview。

我遇到了一个编程上非常相似的问题案例，必须将adMob添加到UITabBarController根控制器，并使用UINavigationController的Tab控制器。他们全都在尝试内部调整大小时遇到阻力，只是在应用程序视图上键入了广告。 我可能只是不太幸运地找到了一条可行的道路。阅读大量Stackoverflow和Google提示。

我还认为，苹果和Google的建议就像拥有下面的广告，并且与应用分开但紧紧针对该应用。 Android Admob标语以相同的方式出现，并且需要相同的行为。（最近是否在Android上使用了相同的项目）。

制作一个新的应用程序根控制器，一个带有Admob的ViewController

要在将来的项目中可重用和顺利实现，大约需要添加一个新的adUnitID（以及旧的根控制器的名称）。标语将在应用程序屏幕下方。

只需将此类文件添加到项目中，并使其成为AppDelegate.swift文件中的根控制器即可。

import UIKit
import GoogleMobileAds

class AdsViewController: UIViewController, GADBannerViewDelegate {

    let adsTest         = true
    let ads             = true //false // 
    let adUnitIDTest    = "ca-app-pub-3940256099942544/2934735716"
    let adUnitID        = "ca-app-pub-xxxxxxxxxxxxxxxx/xxxxxxxxxx"
    let tabVc           = MainTabBarController()

    var bannerView: GADBannerView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Add the adMob banner
        addBanner(viewMaster: view)
        // Add the old root controller as a sub-view
        view.addSubview(tabVc.view)
        // Make its constraints to fit the adMob
        if(ads) {
            tabVc.view.translatesAutoresizingMaskIntoConstraints = false
            tabVc.view.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
            tabVc.view.bottomAnchor.constraint(equalTo: bannerView.topAnchor).isActive = true
            tabVc.view.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
            tabVc.view.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        // To be notified of rotation
        NotificationCenter.default.addObserver(self, selector: #selector(AdsViewController.rotated), name: UIDevice.orientationDidChangeNotification, object: nil)
        }
    }

/*******************************

Ads banner standard engine

*******************************/

    func addBanner(viewMaster: UIView) {
        if(ads) {
            // We instantiate the banner with desired ad size.
            bannerView = GADBannerView(adSize: kGADAdSizeSmartBannerPortrait)
            addBannerViewToView(bannerView, viewMaster: viewMaster)
            if(adsTest) {
                bannerView.adUnitID = adUnitIDTest
            } else {
                bannerView.adUnitID = adUnitID
            }

            bannerView.rootViewController = self
            bannerView.load(GADRequest())
            bannerView.delegate = self
        }
    }

    func addBannerViewToView(_ bannerView: GADBannerView, viewMaster: UIView) {
        bannerView.translatesAutoresizingMaskIntoConstraints = false
        viewMaster.addSubview(bannerView)
        viewMaster.addConstraints(
        [NSLayoutConstraint(item: bannerView,
                            attribute: .bottom,
                            relatedBy: .equal,
                            toItem: viewMaster.safeAreaLayoutGuide,
                            attribute: .bottom,
                            multiplier: 1,
                            constant: 0),
         NSLayoutConstraint(item: bannerView,
                            attribute: .centerX,
                            relatedBy: .equal,
                            toItem: viewMaster,
                            attribute: .centerX,
                            multiplier: 1,
                            constant: 0)
        ])
    }

/*******************************

Rotation (change SmartBanner)

*******************************/
    @objc func rotated() {
        if UIDevice.current.orientation.isPortrait {
            bannerView.adSize = kGADAdSizeSmartBannerPortrait

        }
        if UIDevice.current.orientation.isLandscape {
            bannerView.adSize = kGADAdSizeSmartBannerLandscape
        }
    }
}

以编程方式在tableView和bottomLayoutGuide

3 个答案: