回答編集履歴

1

設定値にミスがあったので修正。

2020/10/01 12:09

投稿

TsukubaDepot
TsukubaDepot

スコア5086

test CHANGED
@@ -34,9 +34,73 @@
34
34
 
35
35
  CollectionView を黒い View Controller の**Safe Area内**に配置し、制約(Constraint)は
36
36
 
37
- - 上下左右: 0
37
+ - ~~上下左右: 0~~
38
-
38
+
39
- - 高さ(height): 0
39
+ - ~~高さ(height): 0~~
40
+
41
+ - **上左右**: 0
42
+
43
+ - 高さ(height): **40**
44
+
45
+
46
+
47
+ に設定します(2020/10/01設定の説明を修正しました)。
48
+
49
+
50
+
51
+ ![イメージ説明](aa08211c61309389f0ec0b9df0a51f40.png)
52
+
53
+
54
+
55
+ ここで黒い背景の View Controller の Custom Class を「Main View Controller」に設定しておきます。
56
+
57
+
58
+
59
+ ![イメージ説明](baebc8b2cb2150a4387ea213ac39be53.png)
60
+
61
+
62
+
63
+ クラス名に「M」と打ち込んだだけで、残りのクラス名は自動補完されます。もし、自動保管さないのであれば、それはカスタムクラスを作っていないことが原因なので、
64
+
65
+
66
+
67
+ - [管理元クラス(ButtonBarPagerTabStripViewController)](https://qiita.com/KikurageChan/items/35593dc3aac8d694db8e#%E7%AE%A1%E7%90%86%E5%85%83%E3%82%AF%E3%83%A9%E3%82%B9buttonbarpagertabstripviewcontroller)
68
+
69
+
70
+
71
+ を参考にカスタムクラスを作るようにしてください。
72
+
73
+
74
+
75
+ Collection View にカスタムクラスを設定します。クラス名に「B』と入れれば、「ButtonBarView」と自動補完されるはずです。
76
+
77
+
78
+
79
+ ![イメージ説明](3f875cf7b59dd6adcccf9e07e0b30dc2.png)
80
+
81
+
82
+
83
+ また、Collection View Cell にもカスタムクラスを設定します。クラス名に「B」といれれば、「ButtonBarViewCell」と自動補完されるはずです。
84
+
85
+
86
+
87
+ ![イメージ説明](9ffc96eb42b43fe911f6f62ae7a8b07e.png)
88
+
89
+
90
+
91
+
92
+
93
+ 次に、ScrollView を配置します。
94
+
95
+
96
+
97
+ ![イメージ説明](362fd20f7174c8b7604283f08d135e0c.png)
98
+
99
+
100
+
101
+ 制約は
102
+
103
+ - 上下左右: すべて 0
40
104
 
41
105
 
42
106
 
@@ -44,66 +108,6 @@
44
108
 
45
109
 
46
110
 
47
- ![イメージ説明](aa08211c61309389f0ec0b9df0a51f40.png)
48
-
49
-
50
-
51
- ここで黒い背景の View Controller の Custom Class を「Main View Controller」に設定しておきます。
52
-
53
-
54
-
55
- ![イメージ説明](baebc8b2cb2150a4387ea213ac39be53.png)
56
-
57
-
58
-
59
- クラス名に「M」と打ち込んだだけで、残りのクラス名は自動補完されます。もし、自動保管さないのであれば、それはカスタムクラスを作っていないことが原因なので、
60
-
61
-
62
-
63
- - [管理元クラス(ButtonBarPagerTabStripViewController)](https://qiita.com/KikurageChan/items/35593dc3aac8d694db8e#%E7%AE%A1%E7%90%86%E5%85%83%E3%82%AF%E3%83%A9%E3%82%B9buttonbarpagertabstripviewcontroller)
64
-
65
-
66
-
67
- を参考にカスタムクラスを作るようにしてください。
68
-
69
-
70
-
71
- Collection View にカスタムクラスを設定します。クラス名に「B』と入れれば、「ButtonBarView」と自動補完されるはずです。
72
-
73
-
74
-
75
- ![イメージ説明](3f875cf7b59dd6adcccf9e07e0b30dc2.png)
76
-
77
-
78
-
79
- また、Collection View Cell にもカスタムクラスを設定します。クラス名に「B」といれれば、「ButtonBarViewCell」と自動補完されるはずです。
80
-
81
-
82
-
83
- ![イメージ説明](9ffc96eb42b43fe911f6f62ae7a8b07e.png)
84
-
85
-
86
-
87
-
88
-
89
- 次に、ScrollView を配置します。
90
-
91
-
92
-
93
- ![イメージ説明](362fd20f7174c8b7604283f08d135e0c.png)
94
-
95
-
96
-
97
- 制約は
98
-
99
- - 上下左右: すべて 0
100
-
101
-
102
-
103
- に設定します。
104
-
105
-
106
-
107
111
  すると、制約エラーが出ますが、ここではあえて無視します(詳しい説明は長くなるしうまく説明できないので省略しますが、レイアウトガイドなどをきちんと設定しないと ScrollView の制約が求められないことがその理由です)。
108
112
 
109
113