並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 107件

新着順 人気順

UICollectionViewの検索結果1 - 40 件 / 107件

  • タイムラインの実装に欠かせない!UICollectionViewで作るFacebook風レイアウト - Eureka, Inc.

    こんにちは! なんと早くも2度目の登場です、iOSエンジニアの木村です。 最近、ついに実家から独立しました。 これで電車を気にせず、存分にObjective-Cを書けるかと思うと、もう(…) と言いつつ、ネイティブチームの中で誰よりも早く帰るのですが w さて、今回は今、僕が携わっている「Couples」 で実際に使っているViewの実装について、じっくり書きたいと思います! FacebookのタイムラインのようなUIを実装したいと考えている方は必見です! FacebookタイムラインのUIを再現! Facebookを筆頭に、タイムラインを使うアプリでよく見かける、このUI。「Couples」でもタイムラインの写真の表示に使っています。 写真が横に並び、両端に前後の写真が少し見えています。ユーザーが何も考えなくても自然にスワイプしたくなる、さりげない心遣いが魅力です。実装目線で細かく見てい

      タイムラインの実装に欠かせない!UICollectionViewで作るFacebook風レイアウト - Eureka, Inc.
    • UICollectionView の Layout で悩んだら - クックパッド開発者ブログ

      こんにちは、サービス開発部の氏です。 主にiOSのクックパッドアプリの開発を担当しています。 UICollectionViewLayout みなさん使ってますか? UICollectionView でレイアウトを組む際、実際触り始めると実装するための選択肢が複数あり、どれが最適なのか悩ましい場面に遭遇する人もいるのではないかと思います。 今回は、自分が業務で触れた際に得た知見について軽くお話したいと思います。 UICollectionVIewLayout とは UICollectionView は Cellのサイズや余白等のレイアウトを管理するため、プロパティとして、 UICollectionViewLayout を所持しています。 この UICollectionViewLayout に手をいれることによって、レイアウトを好きな形に変更することができます。 レイアウトを組み立てるときの複数

        UICollectionView の Layout で悩んだら - クックパッド開発者ブログ
      • UICollectionViewで綺麗な横スクロールページング - Qiita

        UICollectionViewを使用しての横スクロールを実装するUIは多々あると思いますが、検索して出てくる情報ではかなり微妙な動作が多く、自分の決定版として作成方法をまとめます。 今回の作成はAutoLayoutは使用しておりません。 完成イメージ (画像は今回作成段階で参考にさせていただいたeuraka様のブログより転載させていただいてます) 参考記事のように作成する まず、はじめにeureka様がまとめてくださっている記事のように実装してみました。 タイムラインの実装に欠かせない!UICollectionViewで作るFacebook風レイアウト 作成してみると確かに綺麗にTimeline風の横スクロールが実装されています。 しかし、作成の過程上、左右にすき間が発生してしまい、スクロール判定がきかない箇所ができてしまいます。 表示枠のでかいcellの作るのでしたらあまり気にならない

          UICollectionViewで綺麗な横スクロールページング - Qiita
        • [iOS]UITableView,UICollectionViewでドラッグ&ドロップする | DevelopersIO

          配列モデルの順序をドラッグで変更 iOSでは静的な配列モデルの表現機能だけではなく、モデルの順序を動的に実行時に動かすようにするための仕組みが搭載されており、ユーザーの操作に合わせて配列の順序を入れ替えるように制御することができます。 UIKitの標準的なコンポーネントUITableViewではモデルの順序を変更する機能は備わっていますが、順序変更の際の挙動として、ドラッグ領域が限られていたり、アイコンが表示されるなどあまり使い勝手の良い物ではありません。 また、UICollectionViewには編集モードが搭載されておらず、標準的なやり方ではドラッグ&ドロップを実装する為に労力が必要です。 そこで本記事では動的に順序を変更するという操作に絞ってドラッグによる順序変更の補助となるOSSを紹介します。 今回例として取り上げるソースの入ったサンプルプロジェクトはGithubに上がっています。

            [iOS]UITableView,UICollectionViewでドラッグ&ドロップする | DevelopersIO
          • iOS6 UICollectionViewのカスタムレイアウトを作成してみる | DevelopersIO

            前回、UICollectionViewを構成するクラス群の役割と、その簡単な利用方法について見ていきました。今回は、前回に続いてカスタムレイアウトコンポーネントを作成したいと思います。 UICollectionViewLayoutのサブクラスを作成 カスタムレイアウトコンポーネントを作成する際には、UICollectionViewLayoutクラスを継承したレイアウトクラスを作成します。UICollectionViewLayoutのサブクラスでは、以下のメソッドをオーバーライドして実装する必要があります。 collectionViewContentSize UICollectionView内の要素を配置するコンテンツ部のサイズを返すメソッドです。UIScrollViewのcontentSizeプロパティと同じく、スクロール領域の範囲をコントロールします。 layoutAttributesF

            • UICollectionViewでページングスクロールを実装する - クックパッド開発者ブログ

              こんにちは。新規サービス開発部の中村です。普段は「たべドリ」アプリの開発をしています。「たべドリ」は料理の学習アプリです。詳細はこちらの記事をご覧ください。本記事では UICollectionView でページングスクロールを実装する方法について解説します。 概要 上記画像が今回解説する iOS アプリのUIです。左右のコンテンツが少し見えているカルーセルUIで、以下の要件を満たすものです。 先頭にヘッダーを表示する セルが水平方向にページングスクロールする 色々な実装方法があると思いますが、今回はヘッダーがあるため複数の異なる幅のViewを表示させながら、ページングスクロールを実現する方法を解説します。実装のポイントは以下の2点です。 UICollectionViewFlowLayoutのサブクラスを作成しtargetContentOffset(forProposedContentOff

                UICollectionViewでページングスクロールを実装する - クックパッド開発者ブログ
              • [iOS] UICollectionView のレイアウトクラスを作成して「左右のアイテムをチラ見せするレイアウト」を実現する | DevelopersIO

                [iOS] UICollectionView のレイアウトクラスを作成して「左右のアイテムをチラ見せするレイアウト」を実現する はじめに こんにちは。モバイルアプリサービス部の平屋です。本記事では UICollectionView のレイアウトのカスタマイズに関する情報をご紹介します。 以下の gif 画像のように「スクロール可能なビューをアイテムごとにスクロールさせる画面」を実装する機会がありまして、今回は UICollectionView と UICollectionViewFlowLayout の サブクラス を組み合わせて実現しました。 開発環境 開発環境は下記の通りです。 OS X 10.10.5(14F27) Xcode Version 6.4 (6E35b) / iOS SDK 8.4 development target: iOS 8.0 実現したい動作 今回実現したい動作

                  [iOS] UICollectionView のレイアウトクラスを作成して「左右のアイテムをチラ見せするレイアウト」を実現する | DevelopersIO
                • iOS6 UICollectionViewを使ってみる | DevelopersIO

                  新しいUIコンポーネント iOS6では様々な機能が追加されましたが、今回新たにUICollectionViewというUIコンポーネントが追加されました。これは配列などに格納された複数のデータをUI上で要素として一覧したい場合に利用するもので、その点ではUITableViewと似たようなものとなっています。実際、このコンポーネントを利用する際に使用するメソッドはUITableViewと非常によく似ているので、とてもとっつきやすくなっています。 UICollectionViewとUITableViewの最大の違いは、レイアウト処理が専用のコンポーネントに委譲されている点です。そのため、UICollectionViewでは各要素(セル)のレイアウトを自由にカスタマイズできます。私が最初UICollectionViewを見たときは、要素がタイル状に並べられているUIを見て、そういうレイアウトを実現

                  • UICollectionView その1 セルの表示 | Cyber Passion for iOS

                    UICollectionViewを使うとタイル上に任意のView(セル)を表示できます。今回はサンプルを交えてUICollectionViewの説明をしたいと思います。 サンプルコード: https://github.com/stack3/UICollectionViewSample サンプルを起動して、UICollectionViewを選択すると、以下の画面表示されます。 セルを選択すると、そのセルは青くなって以下のようにAlertが表示されます。 UICollectionViewのセルの再利用 UITableView同様にUICollectionViewもセルの再利用という概念があります。 表示する項目数が1000とかたくさんあった時に、セル(UICollectionViewCell)を1000個作るとメモリ効率がすごく悪くなります。なぜかというと実際に画面に表示されるセルは一部だけだ

                      UICollectionView その1 セルの表示 | Cyber Passion for iOS
                    • UICollectionView custom layout tutorial :: skeuo

                      For a recent project I needed to refactor a primary view within our iPad app, so I decided to learn the ins and outs of UICollectionView (introduced in iOS 6) and I thought it would make for a good tutorial to share. My project ended up needing a custom UICollectionViewLayout which meant I needed to handle more of the layout logic than if I'd used the UICollectionViewFlowLayout that Apple provides

                      • Putting a UICollectionView in a UITableViewCell in Swift

                        A few years ago, I wrote this post on putting a collection view inside a table view cell. Collection views were still pretty new and there wasn’t a lot written about them, so my post got pretty popular. It now accounts for over a fifth of my entire blog’s traffic. Since Swift was announced, I’ve been getting regular requests to rewrite my tutorial in Swift. Which brings us to today’s topic. Having

                          Putting a UICollectionView in a UITableViewCell in Swift
                        • [iOS] UICollectionViewを使って月表示のカレンダー画面をつくる | DevelopersIO

                          こんな画面を作ります。 月表示のカレンダー画面は格子状のレイアウトなので、UICollectionViewを使って実装します。 実装すること UICollectionViewを使って月表示のカレンダー画面を作るにあたって、最低限実装する必要があるものは以下の3つです。 必要なセルの数を計算する セルを作成する レイアウトを作る 1.必要なセルの数を計算する UICollectionViewDataSourceプロトコルのcollectionView:numberOfItemsInSection:メソッド内でセルの数を計算して値を返却します。 セルの数は列数×行数で計算できます。月表示カレンダーなので列数は7で固定ですが、行数(=週の数)は月によって異なります。 週の数を計算する 月に週が何個あるかを計算してみましょう。 今回はNSCalendarクラスのrangeOfUnit:inUnit

                            [iOS] UICollectionViewを使って月表示のカレンダー画面をつくる | DevelopersIO
                          • [iOS] UICollectionView のレイアウトクラスを作成して「Pinterest」風のレイアウトを実現する | DevelopersIO

                            はじめに こんにちは。モバイルアプリサービス部の平屋です。本記事では、写真共有ウェブサイト「Pinterest」風のレイアウトを iOS アプリで実現するための実装について解説します。 以下の画像のような、「高さの異なるセルが敷き詰められているレイアウト」を作成していきます。 検証環境 OS X El Capitan 10.11.4 Xcode 7.3 目次 サンプルアプリについて 使用するクラスについて UICollectionView 関連のクラスを整理する カスタムクラスを整理する SGLStaggeredGridLayout クラスの実装について SGLStaggeredGridLayout prepareLayout collectionViewContentSize layoutAttributesForElementsInRect: layoutAttributesForIt

                              [iOS] UICollectionView のレイアウトクラスを作成して「Pinterest」風のレイアウトを実現する | DevelopersIO
                            • SwiftでUICollectionViewをとりあえず表示させてみる | 開発メモ

                              コードに記述 まずはUICollectionViewを表示させたいUIViewControllerのファイルに必要なコードを追加していきたいと思います。 import UIKit class MasterViewController: UIViewController,UICollectionViewDataSource,UICollectionViewDelegate { override func viewDidLoad() { super.viewDidLoad() } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } // MARK: - UICollectionViewDelegate Protocol func collectionView(collectionView: UI

                                SwiftでUICollectionViewをとりあえず表示させてみる | 開発メモ
                              • 【Swift 4対応】UICollectionView で Cell の高さ計算が複雑な画面を作成する - Qiita

                                Qiita の仕様上コード表示の横幅に限度があるため、改行を多用しております。ご了承ください。 仕様 上記のような画面構成が要求されたとして説明していきます。重要な制約をまとめると以下のとおりです。 UILabel は改行可能 UIImageView は正方形で、端末サイズによって可変(Cell 間隔を 16px として一行に3つ配置) CollectionViewCell の height は UIImageView と UILabel の height によって決定される CollectionViewCell の width は UIImageView の width によって決定される Cell の height が一行3つの中で同じでない場合、一番高いものに合わせる 方針 UIImageView の width (正方形なので自動的に height も決まる) と UILabel

                                  【Swift 4対応】UICollectionView で Cell の高さ計算が複雑な画面を作成する - Qiita
                                • iOS6から追加されたUICollectionViewを弄ってみた

                                  iOS6から追加されたUICollectionViewを弄ってみたのでそのメモ。 このUICollectionViewは、コンテンツを表示する土台を作って、セクションの数を決めて、セクション毎のセルの数を決めて、セルを返す、というように「UITableView」に似ています。 公式のリファレンスは以下になります。 UICollectionView Class Reference - Apple Developer とりあえず動くサンプルとりあえず動くサンプルです。 ViewController.h #import <UIKit/UIKit.h> @interface ViewController : UIViewController <UICollectionViewDelegate, UICollectionViewDataSource> { UICollectionViewFlowLa

                                    iOS6から追加されたUICollectionViewを弄ってみた
                                  • declarative-uicollectionview

                                    iOSDC Japan 2018

                                      declarative-uicollectionview
                                    • UICollectionView Custom Layout Tutorial: Pinterest

                                      UICollectionView, introduced in iOS 6, has become one of the most popular UI elements among iOS developers. What makes it so attractive is the separation between the data and presentation layers, which depends on a separate object to handle the layout. The layout is then responsible for determining the placement and visual attributes of the views. You’ve likely used the default flow layout, a layo

                                        UICollectionView Custom Layout Tutorial: Pinterest
                                      • potatotipsでUICollectionViewの並び替えのAPIについて発表してきたよ - Think Big Act Local

                                        FiNCさんで開催された、potatotips #31 で発表してきました。 potatotips.connpass.com 発表した内容 タイトルの通り、UICollectionViewのCellをインタラクティブに並び替えるAPIの紹介です。 デモ こんな感じで、 CollectionViewの(インタラクティブな)並び替え サイズの異なるCell間の並び替え pagingEnabled=trueの場合の並び替え などができます。iPhoneのホーム画面のような挙動ですね。 経緯 WWDC2016で参加したセッションの1つに「What's New in UICollectionView in iOS 10」というのがありました。iOS 10でUICollectionViewがどう変わったか、どのような新しいAPIが追加されたかを紹介するセッションなのですが、そこでUICollectio

                                          potatotipsでUICollectionViewの並び替えのAPIについて発表してきたよ - Think Big Act Local
                                        • [iOS] 遷移元の画像が遷移先にズームイン・アウトするような画面遷移(UITableView及びUICollectionViewの場合) | DevelopersIO

                                          [iOS] 遷移元の画像が遷移先にズームイン・アウトするような画面遷移(UITableView及びUICollectionViewの場合) 2 画面遷移のカスタマイズ present modallyで画面遷移をカスタマイズする手順は、下記のとおりです。 遷移を表現するクラスを作成 UIViewControllerAnimatedTransitioning 1.を指定するdelegateクラスを作成 UIViewControllerTransitioningDelegate 遷移先ビューのtransitioningDelegateに、2.を設定する 今回は、1.及び2.を実装したクラスCustomTransitionを作成しました。 class CustomTransition: NSObject, UIViewControllerTransitioningDelegate, UIViewC

                                            [iOS] 遷移元の画像が遷移先にズームイン・アウトするような画面遷移(UITableView及びUICollectionViewの場合) | DevelopersIO
                                          • GitHub - Instagram/IGListKit: A data-driven UICollectionView framework for building fast and flexible lists.

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              GitHub - Instagram/IGListKit: A data-driven UICollectionView framework for building fast and flexible lists.
                                            • [iOS 10] UICollectionViewにおけるセルのライフサイクルの変更とPre-Fetching APIによるスムーズなスクロールについて | DevelopersIO

                                              [iOS 10] UICollectionViewにおけるセルのライフサイクルの変更とPre-Fetching APIによるスムーズなスクロールについて 1 はじめに 今回は、WWDC16のセッション219 What's New in UICollectionView in iOS 10の中で、UICollectionViewのセルのスムーズなスクロールについて解説されていたものを纏めてみました。 セッションの内容は、次の3つでしたが、そのうちの1つ目のトピックについてです。 Smooth scrolling Improvements to self-sizing cells Interactive reordering 2 改善による効果 以下の図は、セッション中のデモの画像です。 画面の下部のグラフは、時間の経過とCPUの使用率をグラフにしたもので、赤いゾーンに入るぐらいCPUの負荷

                                                [iOS 10] UICollectionViewにおけるセルのライフサイクルの変更とPre-Fetching APIによるスムーズなスクロールについて | DevelopersIO
                                              • UICollectionView. Swift, Xcode 6

                                                Видео для сайта http://apple-dev.ru

                                                  UICollectionView. Swift, Xcode 6
                                                • GitHub - chiahsien/CHTCollectionViewWaterfallLayout: The waterfall (i.e., Pinterest-like) layout for UICollectionView.

                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                    GitHub - chiahsien/CHTCollectionViewWaterfallLayout: The waterfall (i.e., Pinterest-like) layout for UICollectionView.
                                                  • UITableViewやUICollectionViewなど(UIScrollview系)のtouchesBeganが遅い対処 - Qiita

                                                    Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

                                                      UITableViewやUICollectionViewなど(UIScrollview系)のtouchesBeganが遅い対処 - Qiita
                                                    • GitHub - dzenbot/DZNEmptyDataSet: A drop-in UITableView/UICollectionView superclass category for showing empty datasets whenever the view has no content to display

                                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                        GitHub - dzenbot/DZNEmptyDataSet: A drop-in UITableView/UICollectionView superclass category for showing empty datasets whenever the view has no content to display
                                                      • GitHub - steipete/PSTCollectionView: Open Source, 100% API compatible replacement of UICollectionView for iOS4.3+

                                                        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                          GitHub - steipete/PSTCollectionView: Open Source, 100% API compatible replacement of UICollectionView for iOS4.3+
                                                        • UICollectionViewをジェスチャーで拡大縮小したい(iOS7〜) - Qiita

                                                          iOS7から、UICollectionViewのレイアウトを「アニメーションしながら」変更するために、以下の2種類のAPI群が追加されています。 タップなどでアニメーションする場合 途中のコントロールが効かない代わりに簡単に使える setCollectionViewLayout:animated:(iOS6から) setCollectionViewLayout:animated:completion:(iOS7から) ジェスチャーなどでアニメーションする場合 途中のコントロールが可能で、「つまんで拡大縮小」といった事が出来る startInteractiveTransitionToCollectionViewLayout:completion: (iOS7から) finishInteractiveTransition(iOS7から) cancelInteractiveTransition(

                                                            UICollectionViewをジェスチャーで拡大縮小したい(iOS7〜) - Qiita
                                                          • UITableView・UICollectionView攻略 - まいまいワークス

                                                            iOSアプリの要となるtableviewとcollectionviewですが、設計の要点をおさえておかないとちょっとした事でスクロール時のパフォーマンスが落ちてしまい、アプリそのものの完成度の印象も格段に落ちてしまいます。 特にcollectionviewは1行に複数のアイテムが表示されるのでパフォーマンスがシビアになりがちです。 逆に、少しの心がけでスクロールにヌルヌル感が出てアプリのメジャー感も出るところなので設計には注意したいものです。 試行錯誤の末、かなりパフォーマンス改善が実感できるところまで来たので、 認識違いの点もあるかと思いますが留意点を列挙したいと思います。 注意すべき項目 サーバーとの通信は非同期で行う collectionviewのcellForItemAtIndexPath、tableviewのcellForRowAtIndexPathの処理を高速にする layer

                                                              UITableView・UICollectionView攻略 - まいまいワークス
                                                            • A Springboard-Like Layout With the UICollectionView Class | Envato Tuts+

                                                              Collection View Overview Collection Views are an exciting new addition to the UIKit API in iOS 6. Some platform pundits are of the opinion that collection views are poised to become as fundamental and pervasive a component in iOS app design as table views have been (and your author is humbly inclined to agree!). Collection views and table views share a lot of common design philosophy (not to menti

                                                                A Springboard-Like Layout With the UICollectionView Class | Envato Tuts+
                                                              • Collection Viewの使い方(iOS/XCode/Storyboard/UICollectionView) | Memo (JP) | takuroYONEZAWA

                                                                iOS6から追加されたUICollectionViewの使い方、UICollectionViewCell カスタムセルの作り方のメモ。基本的にはUITableViewと同じ感じでつくれます。 (1) プロジェクト新規作成して、UIViewController上にCollection Viewを置きます。 後のために、Collection Viewのバックグラウンドをここでは白にしておきます。 (2) 左のCollection ViewからCollection View Cell を選ぶと、その部分が青で四角く表示されるので、その四角を大きくしたり、適当にラベルとか貼り付けます。 (3) 別のカスタムセルを追加してみます。つまり、2つの異なるセルを選べるようにしてみます。右のコンポーネントからCollection View Cellをドラッグして追加。その上に、(2)同様に色々はりつけていき

                                                                • UICollectionView で UITableView のセクションヘッダー風の SupplementaryView を実装する - Qiita

                                                                  UICollectionView で UITableView のセクションヘッダー風の SupplementaryView を実装するObjective-CiOS UICollectionView は昔なら UITableView を使って頑張って実装していようなグリッドレイアウトな UI を UITableView ライクな I/F で実装できる素敵なやつです。UITableView ライクな I/F とは言いましたが実は細かい挙動が UITableView とは違っています。UICollectionView で UITableView のセクションヘッダーのようなものを実装するには SupplementaryView を使います。でも普通に UICollectionViewFlowLayout を使っても SupplementaryView はスクロールすると Cell と同じようにそ

                                                                    UICollectionView で UITableView のセクションヘッダー風の SupplementaryView を実装する - Qiita
                                                                  • GitHub - CSStickyHeaderFlowLayout/CSStickyHeaderFlowLayout: UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7.

                                                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                      GitHub - CSStickyHeaderFlowLayout/CSStickyHeaderFlowLayout: UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7.
                                                                    • Use Supplementary View to Add Header and Footer in UICollectionView

                                                                      iOS How to Add Header and Footer View in UICollectionView Simon Ng 24th Jan '13 37 Previously, we covered the basics of UICollectionView and showed you how to present items in grid layout. It’ll be interesting to spilt recipes into different sections. Let’s say, the first section contains recipes for lunch/dinner, while the other section contains recipes for drinks and desserts. As you’ve learnt,

                                                                        Use Supplementary View to Add Header and Footer in UICollectionView
                                                                      • UIViewControllerからUICollectionViewのDataSourceを分離し肥大化を防ぐ具体例 - Qiita

                                                                        ごめんなさい。この記事のように分離しても、CollectionViewを扱う複雑さは解消できないと思うようになり、最近はこのような分離する方法はとらなくなりました。分離しても最初だけスリムで結局肥大化してしまうので何も解消してはないというのが最近の気持ちです。 最近の気持ちは下記のスライドにまとめました。 記事: UICollectionViewDataSourceはViewControllerと別にして実装しないほうが良いと最近思う https://speakerdeck.com/yimajo/uicollectionviewdatasourcehaviewcontrollertobie-nisiteshi-zhuang-sinaihougaliang-itozui-jin-si-u とりあえず ↓の記事はそのままにしています なぜUIViewControllerからDataSource

                                                                          UIViewControllerからUICollectionViewのDataSourceを分離し肥大化を防ぐ具体例 - Qiita
                                                                        • iOS+Swift でいい感じに WebP を扱うサンプル。ついでにUICollectionViewの画像リクエストのチューニングについて色々 - Qiita

                                                                          iOS+Swift でいい感じに WebP を扱うサンプル。ついでにUICollectionViewの画像リクエストのチューニングについて色々iOSSwiftWebP Swift + UICollectionView + WebP SDWebImage がWebPを簡単に扱うオプションを提供していたので使ってみました。(主にパフォーマンス調査) pod 'SDWebImage/WebP' を足せばSDWebImageで勝手にWebPを扱えるようになります。 使い方は、SDWebImageを普段使うような感じで、 imageView.setImageWithURL(NSURL(string: "http://path/to/image.webp")) WebPは目に見えてサイズが小さくなるので、パフォーマンス厨にはたまりません。 WebP と JPEG のサイズ比較 WebP: http:/

                                                                            iOS+Swift でいい感じに WebP を扱うサンプル。ついでにUICollectionViewの画像リクエストのチューニングについて色々 - Qiita
                                                                          • Uicollectionview

                                                                            こちらは、iOSDC Japan 2021での登壇資料になります。 https://iosdc.jp/2021/ 現在業務で携わっている「Globis学び放題」のiOSアプリ内で利用されている動画プレイヤー機能をベースに、機能を実現していく中で事前に理解をしておいたり、実装を進めていく際に押さえておくと良さそうな部分についての解説を、以下の様な3つ流れで紹介したものになります。 1. 動画プレイヤー機能において必要な基本事項と操作部分の解説 2. 動画プレイヤーアプリで特徴的な機能事例と実装ポイントの紹介 ※動画プレイヤーを便利に利用して頂くための工夫や、アイデアを実現するヒントとなる部分に少しフォーカスをした内容になります。 3. 動画再生に関連するUI実装や表現における考察 ※動画プレイヤーや動画を活用する機能を持つアプリにおける、UI実装で活用できそうな要素や特徴に触れたいと思います

                                                                              Uicollectionview
                                                                            • UICollectionViewでレスポンシブUIを実現するためのコードをOSSとして公開しました - Yahoo! JAPAN Tech Blog

                                                                              こんにちは、iOSアプリ黒帯の林(@kazuhiro494949)です。 先日、ヤフーのiOSアプリ内で利用されているコードを一部切り出してOSSとして公開しました。 https://github.com/yahoojapan/UICollectionViewSplitLayout このOSSを使うと、リストやグリッドで表示されているデータを画面サイズに合わせてレスポンシブに並べることができます。 iOSのユニバーサルアプリ1で上記のようなデザイン要件を受け、既存の仕組みでは実現することが難しかったため開発しました。本記事では、その技術的な課題を解説し、解決策としてのOSSを紹介したいと思います。 UICollectionViewとUICollectionViewLayout はじめに、UICollectionViewというiOSアプリ開発において重要なクラスのひとつを簡単に説明します。

                                                                                UICollectionViewでレスポンシブUIを実現するためのコードをOSSとして公開しました - Yahoo! JAPAN Tech Blog
                                                                              • UICollectionView Tutorial: Getting Started | raywenderlich.com

                                                                                In this UICollectionView tutorial, you’ll get learn how to leverage the superpowers of the only view capable of dethroning UITableView as the king of UIKit. Note: This tutorial has been updated for Swift 3, iOS 10, and Xcode 8. The iOS Photos app has a stylish way of displaying photos via a multitude of layouts. You can view your photos in a nice grid view: Or you can view your albums as stacks: Y

                                                                                  UICollectionView Tutorial: Getting Started | raywenderlich.com
                                                                                • UICollectionViewを使ってみる

                                                                                  UICollectionViewを使ってみる 今日はUICollectionViewを試してみる。 iOS6になって、デベロッパーとして嬉しいのはやっぱりこのCollectionViewが使えるようになったこと。 結構簡単に、こんなのができてしまうのだから、また表現の幅が広がったってわけだ。 これまでは同じようなことをするために、自分でゴリゴリ書かなきゃいけなかったのだから、これはホントにありがたい。 特に、TebleViewと同じような感覚で利用できるところがいい。 ということで、今回はMaster-Detail ApplicationテンプレートをモディファイしてUICollectionViewのデモを作ってみる。名前はCollectionViewDemoとする。 今回のデモではCollectionViewに画像を表示するため、まずはカスタムのCellクラスを定義しよう。UIColle