12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

NavigationBarを含んだ画面でViewで全体を覆う方法

Last updated at Posted at 2018-01-17

##はじめに
・n番煎じです
・AppDelegateが持つwindowにはaddSubviewしません
・Storyboard上のView部品を使用します

##画面全体を覆うViewを表示したい時
て割とありますよね。通信処理中に画面を触って欲しくない時に、インジケーターと一緒に文言とか出して、黒透過なViewを表示するアレです。
NavigationBarが無い場合は特に意識することなくself.viewの最前面に覆いたいViewを追加すれば良いのですが、NavigationBarがあるとそれだけでは覆ってくれません。

こんな感じ

この対処法として、AppDelegateが持つwindowインスタンスにViewを追加するという方法もあるのですが、windowに貼りつけたり取り外したりはバグの温床になることもあるので(経験談)、出来ればそれはしない方法でやりたいと思います。

NavigationBarを覆うパタン

こうします

実装

・被せる用のViewを、被せたいViewControllerの部品内に用意します
 -> 被せたいVIewはHiddenにしておきます
 -> Viewcontroller.view内には設置かないのがポイント
 -> ViewController部品の上に被せたいView部品が表示されます

Untitled.jpg

・コードは以下のような感じです。
 -> self.navigationController?.view.addSubview(self.coverView)がキモ

ViewController.swift

	@IBOutlet private weak var coverView: UIView!

	override func viewDidLoad() {
        super.viewDidLoad()
        // ここがキモ
        self.navigationController?.view.addSubview(self.coverView)
	} 

     // MARK: - Action
	
	@IBAction func didTapShowButton() {
		self.coverView.isHidden = false
    }

	@IBAction func didTapCloseButton() {
		self.coverView.isHidden = true
	} 

コードはこちら

12
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?