質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

682閲覧

3つのsectionの内、1つのsectionをhorizontalにしたいです。

退会済みユーザー

退会済みユーザー

総合スコア0

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2018/04/22 15:34

編集2018/04/23 01:16

ストーリーボード未使用で開発しています。

collectionViewControllerにcollectionViewCellを、
3つ縦に乗せて配置しています。
(グリーン,パープル,グレー)

イメージ説明

numberOfItemsInSection内でグレーのみ return 3を返し、
グリーン,パープルはreturn 1を返しています。
ですので画像では見えないですが、下へスクロールすれば
グレーがverticalにreturn 3スクロールできます。

今回はこのverticalをhorizontalに変更して、
グレーのみページをめくる様に3回 横スクロールしたいです。
グリーン、パープルはそのまま固定で動かしません。

●やったこと

cellForItemAt indexPath内でif文を作り、

let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout() layout.scrollDirection = .horizontal

を定義し,case 2:のGrayCellの部分に書きましたが、
RUNしたシミュレーター画面ではまずグリーンのみ現れ、
それを横スクロールすればパープル、
それを横スクロールすればグレー、次もグレー次もグレーと
sectionで分けているつもりが、
全て1つ繋がりでhorizontalになってしまいます。

グリーン、パープルはこの画像の様に固定して、
グレーだけを横スクロールで動かせる様にしたいです。

数日調べていますが、どうしても分からない為
どんなコーディングかをどうか教えて頂きたいです。

お願い申し上げます。

//コントローラーです import UIKit class HogeController: UICollectionViewController, UICollectionViewDelegateFlowLayout { let cellId3 = "cellId" let cellId2 = "cellId" let cellId = "cellId" override func viewDidLoad() { super.viewDidLoad() collectionView?.backgroundColor = .white let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout() layout.minimumLineSpacing = 0 layout.minimumInteritemSpacing = 0 collectionView?.register(GlayCell.self, forCellWithReuseIdentifier: "cellId3") collectionView?.register(PurpleCell.self, forCellWithReuseIdentifier: "cellId2") collectionView?.register(GreenCell.self,forCellWithReuseIdentifier: "cellId") } override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { switch indexPath.section { case 2: return collectionView.dequeueReusableCell(withReuseIdentifier: "cellId3", for: indexPath) as! GlayCell case 1: return collectionView.dequeueReusableCell(withReuseIdentifier: "cellId2", for: indexPath) as! PurpleCell default: return collectionView.dequeueReusableCell(withReuseIdentifier: "cellId", for: indexPath) as! GreenCell } } override func numberOfSections(in collectionView: UICollectionView) -> Int { return 3 } override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { if section == 2 { return 3 } else { return 1 } } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { switch indexPath.section { case 2: return CGSize(width: view.frame.width, height: view.frame.height) case 1: return CGSize(width: view.frame.width, height: 200) default: return CGSize(width: view.frame.width, height: 200) } } }
//ホリゾンタルにしたいグレーのGlayCellです。 //グリーン、パープルも同じコーディングです。 import UIKit class GlayCell: UICollectionViewCell { override init(frame: CGRect) { super.init(frame: frame) setup() backgroundColor = .gray } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } private func setup() { } }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

scrollDirectionはCollectionView全体の設定しか出来ないと思うので、セクション単位でスクロール方向を変えることは出来ません。

今回の場合だと、GrayCellの上にscrollDirection = .horizontalなCollectionViewを置いけばいいと思います。

投稿2018/04/23 02:59

編集2018/04/23 03:00
fuzzball

総合スコア16731

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/04/23 14:48

>>セクション単位でスクロール方向を変えることは出来ません。 知りませんでした。無事表示できました。 教えて頂きありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問