1
2

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 3 years have passed since last update.

[iOS]音速でモーダルを実装する

Last updated at Posted at 2020-11-25

できるだけコードを書かずにモーダルを実装します

バージョン

Swift 5.3
Xcode 12.1

モーダルとは

画面の下からふわっと出てくるあれです。
Wikipediaによると

コンピュータアプリケーションソフトウェアのユーザインタフェース設計において、何らかのウィンドウの子ウィンドウとして生成されるサブ要素のうち、ユーザーがそれに対して適切に応答しない限り、制御を親ウィンドウに戻さないもの。モーダルウィンドウはGUIシステムで、ユーザーに注意を促したり、選択肢を提示したり、緊急の状態を知らせたりする目的でよく使われる。

ユーザーが現在見ている画面の上に表示され、ユーザーにその瞬間に知らせたい情報を表示したり、選択肢を提示するUI」と考えたら良さそう。

実装

モーダルはコードを書かずに実装することが出来ます。Xcodeすごい!!

まず、UIViewControllerを設置して

vc.gif

次にボタンを設置します

button.gif

そしてボタンをControlを押しながらクリックし、追加したUIViewControllerまでドラッグします。
そうすると、選択肢が表示されるので、Present Modallyを選択!
modal.gif

Runすると、
ちゃんとモーダルが実装できました!

参考文献

1
2
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
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?