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

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

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

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

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

Swift

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

Q&A

解決済

1回答

1036閲覧

collectionViewを縦方向優先で並べる方法

hys

総合スコア5

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

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

Swift

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

0グッド

0クリップ

投稿2020/01/19 05:37

編集2020/01/20 16:48

前提・実現したいこと

swiftでiOSアプリを作っています。

collectionViewのセルを縦から並ぶようにしたいです。

・tableViewが横に並んでいるようなイメージ
・要素数が指定行を超えた場合は次の列に並ぶ
・セルの移動も可能
・セルのスクロールは不要

0  4 1  5 2  6 3 

上記で2のセルを4と5の間に移動(ドラッグ中)した場合、
3のセルは上に移動し、4のセルが1列目の一番下(3の元の位置)に移動する。

発生している問題

初めは単純にtableViewを並べてセル移動を試してみたのですが、
セルが自身のtableViewから出てくれず実現を断念しました。
またドラッグ時の動作が簡単に出来るとは思えません。

それならばとcollectionViewでやってみたのですが、
こちらは横から並び始めてしまいます。

0  1 2  3 4  5 6

プロパティのようなものがあるかと探してみたのですが見当たりません。

縦から並べる方法をご教示いただけますでしょうか。

試したこと

ただ表示するだけなら要素を配置する位置を計算して実現可能でしたが、
セル移動の動きは横に押し出されるようになってしまいます。
セル移動時の他セルの押し出し処理を変更することが出来ればそちらでも構いません。

collectionView自体を右に回転させて水平方向に反転させる方法でも可能かと思いますが、
セルを元の向きに戻す必要があるなど、なかなかうまく行きませんでした。

試したこと (2020/1/20 追記)

UITableViewDragDelegate ,UITableViewDropDelegateを使用すれば
複数tableView間でセルのやり取りが可能でしたが、
ドラッグ中のセルの動作がそのままではうまくいきませんでした。
ドラッグ中の動作を変更する方法などあるのでしょうか。

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

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

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

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

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

guest

回答1

0

ベストアンサー

Collection View Flow LayoutのScroll Directionの設定をVerticalからHorizontalに変更するだけでできそうに思います。

投稿2020/01/21 14:35

TakeOne

総合スコア6299

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

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

hys

2020/01/21 15:27

Horizontalに変更するだけで実現できました。 あれだけ悩んでいたことが設定一つで解決したことに動揺を隠しきれません。 たったこれだけのことが、なぜ調べられなかったのか。 本当にありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問