Блог

Я хотел бы иметь возможность размещать фоновое изображение за тремя кнопками входа (для Google, Facebook и электронной почты) на экране входа в FirebaseUI. FirebaseUI login — это комплексное решение для аутентификации для iOS, Android и Интернета. У меня проблемы с iOS.

На Github есть небольшой совет, но его недостаточно.

Сначала я инициализирую свой var customAuthPickerViewController : FIRAuthPickerViewController! в верхней части файла ViewController.swift.

Тогда это функция в моем файле ViewController.swift, но она не работает. Когда я нажимаю кнопку выхода из системы, приложение завершает работу, и фоновое изображение никогда не отображается.

 // Customize the sign-in screen to have the Bizzy Books icon/background image

func authPickerViewController(for authUI: FIRAuthUI) -> FIRAuthPickerViewController {

    customAuthPickerViewController = authPickerViewController(for: authUI)
    backgroundImage = UIImageView(image: UIImage(named: "bizzybooksbee"))
    backgroundImage.contentMode = UIViewContentMode.scaleAspectFill
    customAuthPickerViewController.view.addSubview(backgroundImage)

    return customAuthPickerViewController
}
  

Фоновое изображение «bizzybooksbee» представляет собой универсальный набор изображений с 1x, 2x и 3x изображениями, уже загруженными в мою папку Assets.xcassets.

Вот изображение того, как выглядит экран входа в систему, без попыток реализовать фоновое изображение.

ОБНОВЛЕНИЕ: я могу отобразить изображение с помощью кода, который я привел в комментариях ниже, но оно отображается поверх кнопок входа, как на рисунке ниже.

Вот изображение «иерархии» с помощью Джеффри:

Вот решение!

Удалите ненужный мусор, который не работает, из ViewController.swift:

 func authPickerViewController(for authUI: FIRAuthUI) -> FIRAuthPickerViewController {

    customAuthPickerViewController = authPickerViewController(for: authUI)
    backgroundImage = UIImageView(image: UIImage(named: "bizzybooksbee"))
    backgroundImage.contentMode = UIViewContentMode.scaleAspectFill
    customAuthPickerViewController.view.addSubview(backgroundImage)

    return customAuthPickerViewController   
}
  

Создайте «подкласс» .swift FIRAuthPickerViewController , который вы можете назвать как угодно, и добавьте туда свое фоновое изображение / настройку:

 import UIKit
import FirebaseAuthUI

class BizzyAuthViewController: FIRAuthPickerViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.

        let width = UIScreen.main.bounds.size.width
        let height = UIScreen.main.bounds.size.height

        let imageViewBackground = UIImageView(frame: CGRect(x: 0, y: 0, width: width, height: height))
        imageViewBackground.image = UIImage(named: "bizzybooksbee")

        // you can change the content mode:
        imageViewBackground.contentMode = UIViewContentMode.scaleAspectFill

        view.insertSubview(imageViewBackground, at: 0)
    }}
  

В вашем ViewController.swift (или как вы его называете) разделе, в котором вы входите в систему, измените authViewController на равный вашему новому подклассу, добавьте строку для контроллера навигации и передайте ее в self.present:

 let authViewController = BizzyAuthViewController(authUI: authUI!)

let navc = UINavigationController(rootViewController: authViewController)

self.present(navc, animated: true, completion: nil)
  

Я также сделал учебник на YouTube, в котором подробно показано, как это сделать.