UICollectionViewを勉強するのに読ませていただいたサイト

私がリリースしているアプリ「カードリスト」を、UITableViewを使ったコードから、UICollectionViewを使ったコードに入れ替えました。

理由は、カードのリスト表示とタイル表示を切り替える作りに変えたかったからです。

App Store

‎List of Cards

https://apps.apple.com/us/app/id1378178609

‎Hospital tickets, credit cards, cash cards, loyalty cards, membership cards, etc. You can take pictures of the front and back of these cards with a camera and store them in the application. This allows you to view the information on the card whenever you want to check it. (It is not recommended t…

UICollectionViewのことについて学ばせていただくのに、これらのサイトを参考にしました。

自分用のメモとしても残しておきたいと思います。

iOS 14 Tutorial: UICollectionView List

英語サイトですが全般的な流れを学べました。

raywenderlich.com

 

35 Pockets

iOS 14 Tutorial: UICollectionView List

https://www.raywenderlich.com/16906182-ios-14-tutorial-uicollectionview-list

In this tutorial, you’ll learn how to create lists, use modern cell configuration and configure multiple section snapshots on a single collection view.

Swift Compositional Layouts入門：複雑なCollectionViewをシンプルに実装する

日本語で、図にオリジナルの線や注釈が書かれていて理解しやすかったです。

フューチャー技術ブログ

 

1 Tweet

2 Users

3 Pockets

Swift Compositional Layouts入門：複雑なCollectionViewをシンプルに実装する | ...

https://future-architect.github.io/articles/20200617/

春の入門祭りの第13弾です。 はじめにTIG メディアユニットの福谷（ふくや）です。 お仕事では主にサーバーサイド領域で開発していますが、趣味でiOSアプリを開発しており、春の入門祭りの社内アナウンスがあったので書いてみようと思います。 iOSアプリで記事や写真などを一覧表示させたい場合、必ずと言っていいほどCollectionView（あるいはTableView）が採用されると思います。 iPh

Compositional Layout におけるレイアウト構築のおすすめ

こちらも日本語で、コード全体の見通しがわかりやすくて大変参考になりました。

qiitaとかだと断片的なコードが多くて「じゃ結局そのコードはどこに書くの？」と戸惑ってしまいます。

ドン・エンジニーア

 

2 Users

1 Pocket

Compositional Layout におけるレイアウト構築のおすすめ - ドン・エンジニーア

https://komaji504.hateblo.jp/entry/2020/09/14/163022

Compositional Layout の2列表示 Compositional Layout を使って、上記のような一方向のみスクロールできるグリッドレイアウトを構築する場合の実装方法についてのおすすめ。 基本 制約との二重管理になってしまうので可能な限り .absolute の使用は避け、 Self-Sizing されるようにする。 スクロール方向のサイズ指定 .estimated を用いて Self-Sizing されるようにする。 例えば縦スクロールの場合は、セルの width に応じて height が変わって欲しいので item, group 両方の height に対して .es…

NSLayoutConstraintをIBOutletで保持する場合の注意点

リスト表示時とタイル表示時で同じUICollectionListViewCellのxibファイルを使用したかったので、制約を有効・無効に切り替えてみためを変更するやり方を学びました。

Qiita

NSLayoutConstraintをIBOutletで保持する場合の注意点 - Qiita

https://qiita.com/mkosuke/items/500c101d2e4697386cd5

NSLayoutConstraintをIBOutletで紐づける場合、普通はこうなると思います。@IBOutlet fileprivate weak var constraint: NSLayoutConstraint!しか...

[iOS]リスト表示→グリッド表示の切り替えをアニメーション付きで行う方法

こちらでもリスト表示とタイル表示でどのタイミングで制約を有効・無効にできるかのやり方を学べました。

クラスメソッド発「やってみた」系技術メディア | DevelopersIO

 

1 Tweet

7 Users

22 Pockets

[iOS]リスト表示→グリッド表示の切り替えをアニメーション付きで行う方法 | Develo...

https://dev.classmethod.jp/articles/list-grid-collectionview/

はじめに こんにちは！ モバイルアプリサービス部の田中孝明です。 今回はリスト表示→グリッド表示の切り替えをアニメーション付きで行うTIPSをサンプルプログラム付きで書き記します。 商品一覧を閲覧する機能を作る際、商品の …

その他Qiita

いつもありがとうございます。

Qiita

 

3 Users

23 Pockets

【iOS14】UICollectionView WWDC2020 アップデートまとめ - Qiita

https://qiita.com/shiz/items/4227accc7d13ae439d1d

※　この記事は2020/7/9時点の内容を元に作成しています。※　2020/7/9 ListsのSwipeをハンドリングする設定がUICollectionViewListCellからUICollectionLayoutListCon...

Qiita

NSLayoutConstraintをIBOutletで保持する場合の注意点 - Qiita

https://qiita.com/mkosuke/items/500c101d2e4697386cd5

NSLayoutConstraintをIBOutletで紐づける場合、普通はこうなると思います。@IBOutlet fileprivate weak var constraint: NSLayoutConstraint!しか...

Qiita

 

1 User

[Swift] iOS14 から使える UICollectionView の CellRegistration を拡張する - Qiita

https://qiita.com/hcrane/items/c89a256130040adb46dd

初めにiOS14 から UICollectionView に新しいい API が 追加されました。Lists in UICollectionView では UITableView ライクな UI の実装を紹介しています...