1
1

More than 3 years have passed since last update.

#21 UIScrollViewの使い方1例

Last updated at Posted at 2020-02-02

はじめに

個人のメモ程度の出来なのであまり参考にしないで下さい.

環境

Xcode:11.2.1
Swift:5.1.2
2019/11

part1

UINavigationBarと検索する.

スクリーンショット 2020-02-03 午前0.24.22.png

part2

UINavigationBarUIViewControllerに追加する.

スクリーンショット 2020-02-03 午前0.24.36.png

part3

UINavigationBarに以下の3つの制約を追加する.

スクリーンショット 2020-02-03 午前0.24.48.png

part4

UIViewControllerを選択した状態で,Size inspectorSimulated SizeFreeformに変更する.

スクリーンショット 2020-02-03 午前0.25.15.png

part5

Heightを任意のサイズに変更する.

スクリーンショット 2020-02-03 午前0.25.27.png

part6

Main.storyboardUIViewControllerが長くなっている事を確認する.

スクリーンショット 2020-02-03 午前0.25.36.png

part7

UIScrollViewと検索する.

スクリーンショット 2020-02-03 午前0.25.48.png

part8

UIScrollViewUIViewControllerに追加する.

スクリーンショット 2020-02-03 午前0.26.02.png

part9

UIScrollViewに以下の4つの制約を追加する.

スクリーンショット 2020-02-03 午前0.26.17.png

part10

UIScrollViewを選択した状態で,Size inspectorContent Layout Guidesのチェックを外す.

スクリーンショット 2020-02-03 午前0.26.25.png

part11

UIViewと検索する.

スクリーンショット 2020-02-03 午前0.26.47.png

part12

UIViewUIViewControllerに追加する.

スクリーンショット 2020-02-03 午前0.27.04.png

part13

UIViewに以下の5つの制約を追加する.

スクリーンショット 2020-02-03 午前0.27.19.png

part14

Controlキーを押しながら,先ほど追加したUIViewから,元々UIViewController上にあったUIViewへドラッグ・ドロップする.
Equal Widthsを選択する.

スクリーンショット 2020-02-03 午前0.27.37.png

part15

すると制約がズレることがあるので,UIViewを正しい位置に戻してSelected ViewsUpdate Constraint Constantsを選択する.

スクリーンショット 2020-02-03 午前0.28.10.png

part16

適当にラベルを乗っけてビルドし,動作に問題がなければOK.

スクリーンショット 2020-02-03 午前0.29.30.png

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