0
1

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.

swiftの基礎の基礎④〜画面遷移の種類〜、ナビゲーションバーの作成〜

Last updated at Posted at 2021-03-08

###備忘録

プッシュ遷移
横にスライドする遷移のこと。

viewcontrollerをライブラリより選択。
スクリーンショット 2021-03-08 12.53.17.png

こんな感じに真横に配置し、(viewcontrollerは背景色グレーの方)遷移先の画面の作成をする。

1.HELLOを選択し、controlを押しながら、グレーの方へドラックアンドドロップすると画像のような黒い選択が出現。

2.Showを選択

スクリーンショット 2021-03-08 12.51.06.png

・プッシュ遷移完了すると、画像のように真ん中に矢印が出てくる(セグエsegueと呼ぶ)
スクリーンショット 2021-03-08 12.57.33.png

モーダル遷移
下から上へ覆い被さるように画面が出てくる遷移のこと。
閉じる際は上から下に画面が消えていく

1.プッシュ遷移の1までは同じように進める。

2.プッシュ遷移の時はshowを選択したが、モーダル遷移の時はPresent Modallyを選択。
スクリーンショット 2021-03-08 13.02.28.png

3.モーダル遷移完了!

4.戻るボタンを実装したい時は・・・
紐付けてこのコードを書くと・・・

スクリーンショット 2021-03-08 13.09.34.png
Something went wrong

戻れるようになった!

ナビゲーションバーの作成
①バーの選択
スクリーンショット 2021-03-08 12.36.53.png

②NavigationController選択
スクリーンショット 2021-03-08 12.37.34.png

③画面二つ出てくる。
titleを選択した状態で、Bar Tintの色を変更するとナビゲーションバーの色も変更される。
スクリーンショット 2021-03-08 12.40.59.png

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?