0
1

More than 3 years have passed since last update.

#25 横ScrollViewの使い方1例

Last updated at Posted at 2020-04-11

はじめに

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

環境

Xcode:11.4
Swift:5.2
2020/04

part1

UIViewControllerUINavigationBarを置く.

スクリーンショット 2020-04-11 午後9.06.36.png

part2

UINavigationBarに下の4つの制約を付ける.

スクリーンショット 2020-04-11 午後9.27.13.png

part3

UIViewControllerUIScrollViewを置く.

スクリーンショット 2020-04-11 午後9.07.47.png

part4

UIScrollViewに下の4つの制約を付ける.

スクリーンショット 2020-04-11 午後9.08.10.png

part5

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

スクリーンショット 2020-04-11 午後9.08.34.png

part6

UIScrollViewの上にUIViewを置く.

スクリーンショット 2020-04-11 午後9.09.02.png

part7

UIViewに下の4つの制約を付ける.

スクリーンショット 2020-04-11 午後9.09.23.png

part8

UIScrollViewUIViewを両方選択する.

スクリーンショット 2020-04-11 午後9.10.04.png

part9

UIScrollViewUIViewに下の2つの制約を付ける.

スクリーンショット 2020-04-11 午後9.10.33.png

part10

UIViewConstraintsView.width = widthを選択する.

スクリーンショット 2020-04-11 午後9.11.17.png

part11

UIViewConstraintsView.width = widthを選択した状態で,Size inspectorMultiplier4:1にする.

スクリーンショット 2020-04-11 午後9.11.36.png

part12

UIViewの上にUIImageViewを4つ置く.

スクリーンショット 2020-04-11 午後9.13.45.png

part13

UIImageViewを4つ横に並べる.

スクリーンショット 2020-04-11 午後9.18.45.png

part14

UIImageViewを4つ選択した状態で,下のように上下左右等しい横幅の制約を付ける.

スクリーンショット 2020-04-11 午後9.18.58.png

part16

UIScrollViewを選択した状態で,Attributes inspectorShow Horizontal Indicatorのチェックマークを外し,Paging Enabledのチェックマークを入れる.

スクリーンショット 2020-04-11 午後9.55.42.png

part17

後はUIImageViewに好きなイメージをセットして完了.

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