こんにちは。新規サービス開発部の中村です。普段は「たべドリ」アプリの開発をしています。「たべドリ」は料理の学習アプリです。詳細はこちらの記事をご覧ください。本記事では UICollectionView でページングスクロールを実装する方法について解説します。 概要 上記画像が今回解説する iOS アプリのUIです。左右のコンテンツが少し見えているカルーセルUIで、以下の要件を満たすものです。 先頭にヘッダーを表示する セルが水平方向にページングスクロールする 色々な実装方法があると思いますが、今回はヘッダーがあるため複数の異なる幅のViewを表示させながら、ページングスクロールを実現する方法を解説します。実装のポイントは以下の２点です。 UICollectionViewFlowLayoutのサブクラスを作成しtargetContentOffset(forProposedContentOff
UICollectionViewでお手軽にUITableViewライクなリストレイアウトを実現する「Lists in UICollectionView」セッションメモ #WWDC20 | DevelopersIO
はじめに こんばんは。CX事業本部の平屋です。 UICollectionViewでお手軽にUITableViewライクなリストレイアウトを実現する仕組みが、iOS 14 で追加されました。その仕組みに関するセッション「Lists in UICollectionView」を視聴したので、本記事ではその概要を紹介します。 このセッションの動画は一般に公開されています。以下のページで確認できます。 Lists in UICollectionView - WWDC 2020 - Videos - Apple Developer また、記事中の画像はWWDCのセッションのスライドを引用しています。 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があります。ご留意の上、お読みください。 iOS 14で追加された、UIC
【再入門】UICollectionViewとUITableViewのセルを選択したときに見た目を変える方法 - Gunosy Tech Blog
こんにちは。iOSアプリを開発している吉岡(rikusouda)です。 こちらは Gunosy Advent Calendar 2019、5日目の記事です。なお、昨日の記事は齊藤さんのA/Bテストの時間短縮に向けて 〜ベイズ統計によるA/Bテスト入門〜 でした。 qiita.com はじめに iOSアプリを開発していると、UICollectionViewとかUITableViewでセルを選択状態にしたときに表示を変えたいことがちょくちょくあります。 実現方法を検索エンジンで調べて見ると自前で選択状態を管理する方法が複数出てきました。具体的に言うと「 tableView(_:didSelectRowAt:) や tableView(_:cellForRowAt:) でcellに対して選択状態の変更通知を出して、そこで表示を切り替える方法」です。 この方法でももちろん機能を実現できるので選択肢
※ この記事は2020/7/9時点の内容を元に作成しています。 ※ 2020/7/9 ListsのSwipeをハンドリングする設定がUICollectionViewListCellからUICollectionLayoutListConfigurationに移動しました。 ※ 2020/8/23 textLayoutGuideについて追記しました。 今回もたくさんアップデートがありました WWDC2019に引き続き WWDC2020でもUICollectionViewには 様々な新しいAPIが追加されました。 SectionベースでのUICollectionViewの構築 UITableViewのようなListsの登場 Reusableで豊富なdefault設定とカスタマイズが可能なConfigurationの登場 などがあります。 今回はその内容についてまとめてみます。 参照にしたセッショ
【Swift】ひとつの画面に複数のUICollectionViewやUITableViewを実装してみた【StackView】 どうも。Reoです。 今回は、一つの画面に複数の UICollectionView と UITableView を実装してみたお話です。 めちゃくちゃよくあるレイアウトですよね！ 数年 Swift をやっていて今更こんな話？って気もしますが、気にしないで書いていこうと思います。 環境 記事を書いてる時点の環境です。 Xcode 11.1 Swift 5.1 iOS 13.1.3 GitHub にサンプルリポジトリを作りました。 uruly/MultipleCollectionView: Set multiple UICollectionView or UITableView in UIViewController. つくるもの 例えば、レシピアプリだったら。 ヘッ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UICollectionViewでページングスクロールを実装する - クックパッド開発者ブログ
【iOS14】UICollectionView WWDC2020 アップデートまとめ - Qiita
【Swift】ひとつの画面に複数のUICollectionViewやUITableViewを実装してみた【StackView】