iPhone Xcode Memo iOS6 UICollectionView に関してのまとめ ＜日本、海外情報＞
2024_06 << 12345678910111213141516171819202122232425262728293031>> 2024_08 2013/01/21(月) 10:02:25| CollectionView | トラックバック:0 | コメント:0 Collection Viewとは、一言で言えば縦横方向にセルを並べることができるTable Viewのようなものです。 コレクションビューオブジェクトを使用すると、アプリは埋め込まれたビューの表示と配置を定義することができます。コレクションビュークラスは、独立したデータ項目の配置を定義するために付随したレイアウトオブジェクトと密に連携して動作します。UIKitは、標準またはさまざまなサイズの項目を含む複数列のグリッドを実装するために利用できる標準的なフローベースのレイアウトオブジェクトを提供します。またグリッドレイアウトよ
A better way to update UICollectionView data in Swift with diff framework
Familiar friendsIt’s hard to imagine any apps that don’t use table view or collection view, via classes like UITableView, UICollectionView in iOS, tvOS or NSTableView, NSCollectionView in macOS. Most of the time, we fetch data from the backend, cache and filter to show that data as list or grid. And later, when data has changed, we update your interface to reflect that some items have been inserte
[iOSDC 2016] iOS10のCollectionViewからライフサイクルが変わったので遊んでみた | Recruit Tech Blog
こんにちは。16卒新卒iOSエンジニアの井原です。 8/20(木)にiOSDCが開催されました。弊社はスポンサーの1つとして協力させていただきました。 今回はその中でも興味のひかれた発表をピックアップし、その紹介をします。またいくつか気になった点については検証を行いましたので、加えてその結果について説明をしたいと思います。 iOSDCとは iOSDC (iOS Developers Conference Japan) は、iOSとその周辺技術に関するエンジニアのためのカンファレンスです。 iOS関連のカンファレンスを待っていた皆様、お待たせしました。ついにやってきました。 2016年8月20日はiOSエンジニアのお祭りです！ 日本中、世界中から公募されたスピーカーがキレッキレのトークを繰り広げます。 トークは「iOSエンジニアが聞いて面白ければ何でもOK」という基準で選定されます。 iOS
![[iOSDC 2016] iOS10のCollectionViewからライフサイクルが変わったので遊んでみた | Recruit Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/1dfd0c5ef3824cf1aedc6610bb1138a6cec6e8b8/height=288;version=1;width=512/https%3A%2F%2Ftechblog.recruit.co.jp%2Fassets%2Frmp%2Fthumbnail%2F10497.jpg)
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
2012-12-06
iOS 6 になって新しく加わった Collection View は、アイテムをグリッドに沿って並べるのが物凄く簡単になるとっても便利なクラス。 iOS 6 リリース後に各所でその機能や使い方が記事になっていて、今なら結構簡単に遊んでみることができると思う。 というわけで、今回は「アイテムの並び方を UICollectionViewLayout を使って自由に設定できる」という機能を、Pinterestっぽくアイテムを並べられる UICollectionViewWaterfallLayout クラスを GitHub から持って来て試してみたのでメモ。 UICollectionViewWaterfallLayout CollectionViewSample UICollectionViewWaterfallLayout は Pinterestっぽくアイテムを並べてくれる UICollect
UICollectioViewのSelf-sizing Cell、とても便利ですよね！ ただ以下のようなケースは、単純にいかなかったりします。 Vertical Flow Layoutを使ったグリッド表示を行う 各セルは画面サイズに合わせ、幅と高さを調整する 例えば画面全体にUICollectionViewを配置しこの中にセルを2列にグリッド表示したい場合、カスタムのUICollectionViewCellのレイアウトを画面半分の大きさで作れば良さそうです。 想像がつくかと思いますが、仮にiPhone7の大きさに合わせてレイアウトしても、iPhone7 Plusでは無駄な余白ができ、iPhone SEでは2列に表示されません！ これを解決するには、UICollectionViewDelegateFlowLayoutのsizeForItemAtIndexPath()を実装する必要があります。
前回の続き。今回はセルの間に間隔を開けたい時の説明です。 サンプル: https://github.com/stack3/UICollectionViewSample サンプルを起動してSpacingを選択すると以下の画面が表示されます。 前回のSectionのサンプルにセルの間隔を設けたものになっています。 間隔とセルのサイズの計算 Interface Builderで配置した時、Subview間のピクセル値は通例8pxになっています。今回もこれに従ってセル間の間隔を8pxとしています。 間隔が決まったら次に1行にセルをいくつ並べるかを決めます。今回は4つです。4ということは空白が5つ必要です。 iPhoneの画面幅320px – (8px × 5) = 280px（4つのセルの合計幅） 280px ÷ 4 = 70px（1つのセルの幅） となります。 STSpacingSampleVi
UICollectionViewControllerとUIPageViewControllerでSmartNewsっぽいあのUIをお手軽に実現する - Qiita
UICollectionViewControllerとUIPageViewControllerでSmartNewsっぽいあのUIをお手軽に実現するiOSUIKitSwift イントロダクション 国内のメディア系サービスでは割とスタンダードとなっているあのUI。もはや何番煎じかわかりませんが、frame計算とかをしない軽量な実装を試してみます。 ニュース系アプリで利用されているUIの実装を調べることがあったのでまとめてみた - MonockLaBlog あのUIに関する記事やよく見かけるライブラリでは、メニュー要素・コンテンツ要素のframeをずらしながらUIScrollViewへ順に貼り付けていくやり方が多い印象を持っていますが、ここでは違う方法を取ろうと思います。 サードパーティのライブラリに依存することなく、かつViewのリソース管理やframe計算を出来るだけ抑えるため、今回はUIC
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
こんにちは。きんくまです。 iOSでUIを作るときに、いままでコードで全部書いてきて、いっさいInterfaceBuilderを使っていませんでした。 ただ、もうUIのコードを見るのが大変になってきてしまって、困ったなーという状態です。 なので、ここらでIBをやってみようと思いました。 ちょっと前にこの本を買いました。 中身はUIKitをどうやって扱うかというものです。細かいコンポーネント（UINavigationやUIButton, UISwitch）は特別ページを割いていなくて、StoryboardをInterfaceBuilder使ってやる方法とか、AutoLayout、UIAppearanceなどが載っていました。 あとは、最後の方にUITableViewや、UICollectionView、コンテナビュー関連があります。 で、Sotryboardを使った感想としては、「これは便利
![[iOS] StoryboardとUICollectionViewを使う « きんくまデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/3ca9fe4b309a928f81efcc77d43760bd3db1956e/height=288;version=1;width=512/http%3A%2F%2Fwww.kuma-de.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F07%2Fcolor_chart_ib.png)
GitHub - mokagio/UICollectionViewLeftAlignedLayout: A layout for UICollectionView that aligns the cells to the left.
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
Make 12 monthly payments Pay 0% interest Start using the domain today. See details
In a previous post, we explored some common strategies to achieve smooth scrolling in our iOS mobile apps. The main goal of applying those strategies was to avoid choppy scrolling, a common issue that negatively affects the user experience. To help developers with such a task, Apple made some very useful changes to UICollectionView in iOS10. But before reviewing this newly introduced functionality
今回やること swift&xcode6という最新っぽい環境でUICollectionViewを実装します。 ゴールはこんな感じです。 タイル状に画像を並べ、並んだ画像をタップすると画像の詳細画面に移動するというものです。 また移動後は画面上部のBackから元の一覧に戻ることが出来ます。 作り方は、こちらの動画を参考にさせていただきました。 UICollectionView. Swift, Xcode 6 - YouTube 手順 ストーリーボードで Navigation Controller で 画面上部の < Backを作成 UICollectionView でタイル表示を作成 詳細画面の作成 タイルと詳細画面をリンク プログラム側で UICollectionViewとControllerのヒモ付 タイル表示のタイルとUICollectionViewCellのヒモ付 詳細画面とContr
![UICollectionViewを実装する[swift&xcode6] - 人生の恥は書き捨て](https://cdn-ak-scissors.b.st-hatena.com/image/square/a49c0239e995194fb3f428d521812eab2fb4d645/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkazuhei0108%2F20141126%2F20141126001216.png)
Update: I’ve re-written this tutorial using storyboards and Swift – check it out! So you want to put a collection view inside of a table view cell, eh? Sounds easy, right? Well, to do it right requires a little bit of work. We want a clear separation of concerns so that the UITableViewCell isn’t acting as the data source or delegate for the UICollectionView (because that would be very, very bad).
これは面白そう。 以下、引用： ソフトウェア開発における「プロトタイプ」とは、シミュレーションを目的とした試作品のことをいいます。本書で解説するプロトタイピングは、主に紙などを使った「低精度プロトタイピング」を中心とした手法です。リスク回避や初期段階における可能性の模索をメ...
Redirecting... · objc.io
objc.io publishes books, videos, and articles on advanced techniques for iOS and macOS development.
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
UICollectionView
Written by Mattt September 24th, 2012 This article has been translated into: 中文 UICollectionView is the new UITableView. It’s that important. This is not to say that collection views are in any way unknown or obscure–anyone who went to any of the WWDC sessions about it, or got to play with in the iOS 6 beta already know what’s up. Remember, being an NSHipster isn’t just about knowing obscure gems
Building a Infinitely-Scrolling gallery with a UICollectionView - Adoption Curve Dot Net
A common requirement for a photo gallery or similar is endless scrolling - once you’ve reached the end of the list of items, the list “wraps around” and begins again from the first item. UICollectionViews very easily lend themselves to creating galleries, but there’s no in-built mechanism for endless scrolling. This is a technique that can create the illusion of endless scrolling with relatively l
開発環境 XCode Ver. 4.5.2 ざくっとすること ViewControllerでは Cellの登録 必要なデリゲートメソッドの追加。 メソッド毎にロジックを追加 storyboardで CollectionViewを配置 その中にCellも配置 必要であれば他のオブジェクトも配置(サンプルはLabelを配置している) 上で配置したCellの設定をIB上で行う Cell用のクラスを新規作成し、ロジックを追加 サンプルコード Cellの登録 [self.collectionView registerClass:[CollectionViewCell class] forCellWithReuseIdentifier:@"cell"]; forCellWithReuseIdentifier : Cellの識別子を指定。識別子は、"Collection Reusable View"のI
GitHub - hebertialmeida/HAPaperViewController: 😵 [Deprecated] UICollectionView with layout transitions inspired by Facebook Paper App
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 - hebertialmeida/HAPaperViewController: 😵 [Deprecated] UICollectionView with layout transitions inspired by Facebook Paper App](https://cdn-ak-scissors.b.st-hatena.com/image/square/989ba45a1ab724cfcdacf41811c3f30b0a4f04cb/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F9466b708be6c9a83caa781591c61629587be5b7bb225244f1d03b48117259ec0%2Fhebertialmeida%2FHAPaperViewController)
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
Implementing a Bouncy UICollectionViewLayout with UIKit Dynamics | Teehan+Lax
We’ve previously discussed using UIKit Dynamics to make realistic-feeling interfaces by applying the physics simulation to instances of UIView in our interface. In that article, we mentioned that a UIView is only one example of a concrete implementation of the UIDynamicItem protocol, alluding to the fact that another class conforms to the protocol. That other class is UICollectionViewLayoutAttribu
Redirecting... · objc.io
objc.io publishes books, videos, and articles on advanced techniques for iOS and macOS development.
GitHub - lukescott/DraggableCollectionView: Extension for the UICollectionView and UICollectionViewLayout that allows a user to move items with drag and drop. --- HELP WANTED --- Looking for maintainer and help with the experimental branch.
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
iOS6から使えるUICollectionViewを試しました。 UICollectionViewはこういうやつです。 サンプルプロジェクトファイル(SampleCollectionView.zip) ファイルはこんな感じにする。 RootViewController.h #import <UIKit/UIKit.h> #import "CollectionCell.h" #import "CollectionHeaderView.h" @interface RootViewController : UIViewController{ @private NSMutableArray*photos; int cellcnt; } @property (retain, nonatomic) IBOutlet UICollectionView *collectionView; @end Root
![[iOS6]UICollectionView|ktyr report](https://cdn-ak-scissors.b.st-hatena.com/image/square/4af5d9de40c10981771f2385ececd00606ab63c0/height=288;version=1;width=512/https%3A%2F%2Fktyr.net%2Fmanage%2Fwp-content%2Fthemes%2Fktyrreport%2Fimages%2Fsns.png)
イントロダクション UICollectionViewで、Webページによくあるタグが左寄せに並んでいるレイアウトを実現します。 デフォルトで指定されているレイアウトクラスのUICollectionViewFlowLayoutだと、下のように可変サイズのセルの時にセル間のスペースが行によって変化してしまいます。 そこで独自のレイアウトクラスを作ることで、セル間のスペースが一定で左寄せになっているCollectionViewを作りたいと思います。UIKitに用意されているレイアウトクラスには、UICollectionViewLayoutとそれを継承して作られたUICollectionViewFlowLayoutがあります。今回はUICollectionViewのデフォルトレイアウトクラスであるUICollectionViewFlowLayoutを継承して、左寄せのレイアウトクラスを作ります(セ
iOS Programming Tutorial: Create Grid Layout Using UICollectionView
iOS Create Grid Layout Using UICollectionView in iOS 6 Simon Ng 12th Jan '13 73 Do you still remember the Recipe app that we have worked on several months ago? At that time, we showed you how to display a list of recipes using UITableView. Wouldn’t be great if it can display the recipe in a nice grid view? The iOS 6 SDK introduces a new class called UICollectionView that allows developers to creat
iOS + Swift + Parse + UICollectionView + Uploading files — Part 1 of 2
iOS 8.4+ Swift 1.2 Parse 1.7.4 Over the weeks and months I have had many people ask how they can use Parse with native UI components, how they can allow their users to upload images and other files to Parse, and, how to deal with users forgetting their passwords. I thought I’d wrap all these ideas and questions into a single tutorial and show how easy all of these features are to implement. Howeve
UIRefreshControl on UICollectionView only works if the collection fills the height of the container
I'm trying to add a UIRefreshControl to a UICollectionView, but the problem is that the refresh control does not appear unless the collection view fills up the height of its parent container. In other words, unless the collection view is long enough to require scrolling, it cannot be pulled down to reveal the refresh control view. As soon as the collection exceeds the height of its parent containe
はじめに iOSアプリ開発においてUICollectionViewは頻繁に使用するコンポーネントです。 これまで何度かUICollectionViewを使った画面の開発をしましたが、なんとなく制約をつけたりするだけでイメージに合った画面が作れてしまうので、UICollectionViwe自体を深く理解せずに使用していました。 AppleはCollectionViewプログラミングガイドというドキュメントを用意してくれていますが、これがなかなかボリュームが多く、実際開発にもそれほど困っていなかったので読むのを避けていたのですが、Material ComponentsなどのUI系ライブラリを使うにあたってUICollectionViewへの深い理解が必要になったので、プログラミングガイドを参考に色々と実装を試しながら理解を進めていきました。 ここでは私と同じようにUICollectionVie
かなりマニアックなtipsシリーズです。 UITableViewCellにUIButtonを置いた場合、タッチしてすぐに指を離すとボタンがハイライト状態になりません。プログラム的に見ると、ちゃんと押されているのですが・・・ 使ってる側から見ると、まったく反応していないように見えて不親切です。 しばらく押してから離すとハイライト状態になりますが・・・ わかりにくいですよね？ これをどうにかする方法のメモです。 動作を確認した環境 環境 情報 Xcode 7.2.1 (7C1002) iOS 9.2 Swift 2.1.1 Date 2016/2/23 すぐに反応するようにする方法 すぐに反応してくれない原因はUIScrollViewのdelaysContentTouchesがtrueになっていることです。たぶん。 ですから、これをfalseにしてやればいいんですが、UITableViewは内
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
GitHub - mokagio/UICollectionViewRightAlignedLayout: A layout for UICollectionView that aligns the cells to the right.
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においてきました。 ryokosuge/SampleInfinityCollectionView ソースコードの紹介 import UIKit class CollectionViewCell: UICollectionViewCell { @IBOutlet weak var label: UILabel! override init(frame: CGRect) { super.init(frame: frame) } required init(coder aDecoder: NSCoder) { super.init(coder: aDeco
【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. つくるもの 例えば、レシピアプリだったら。 ヘッ
iOS6になって久しいですが、この時に使えるようになったUICollectionViewは当時の開発者にとって嬉しいものだったそうですね。 役割としてはUITableViewと似ている点がありますが、UITableViewのシンプルな羅列に縛られない自由度があります。画像を並べたりするときも、TableViewのように同じサイズに調整することなく、各々の画像サイズのまま並べることも可能です。 自分もこの便利なViewを使いこなしたい！というわけで分析です。 まずiOS6になって久しいですが、この時に使えるようになったUICollectionViewは当時の開発者にとって嬉しいものだったそうですね。 役割としてはUITableViewと似ている点がありますが、UITableViewのシンプルな羅列に縛られない自由度があります。画像を並べたりするときも、TableViewのように同じサイズに
UICollectionView Tutorial: Headers, Selection and Reordering
UICollectionView is one of the most important classes in UIKit, used to display data to a user in a customized layout. An example of such a layout is the iOS Photos app, which shows your data ordered in the grid layout and allows you to select an image and share or reposition it in your grid view. Like UITableView, UICollectionView can contain both homogeneous and heterogeneous collections of view
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Auto Layoutに準拠したUICollectionViewCellのサイジング - Qiita
UICollectionView その4 セルの間隔 | Cyber Passion for iOS
テーブルセルにコレクションビューを入れる
[iOS] StoryboardとUICollectionViewを使う « きんくまデザイン
Kjapps.com is for sale | HugeDomains
Boost Smooth Scrolling with iOS 10 Pre-Fetching API
UICollectionViewを実装する[swift&xcode6] - 人生の恥は書き捨て
Putting a UICollectionView in a UITableViewCell
UICollectionViewでエンドレススクロールを実現する方法
UICollectionViewLayout を使ったカレンダGUI
iOS6から追加されたCollectionViewのサンプル - Qiita
UICollectionView custom layout tutorial :: skeuo
[iOS6]UICollectionView|ktyr report
UICollectionViewでタグが左寄せに並んでいるようなレイアウトを実現する - Qiita
UICollectionView再入門 - Qiita
UITableViewCellに置いたUIButtonがすぐに反応するようにする方法 - 開発メモ
QA＠IT サービス終了のお知らせ - ＠IT
【Swift】UICollectionViewで無限スクロールをやってみた - Qiita
【Swift】ひとつの画面に複数のUICollectionViewやUITableViewを実装してみた【StackView】
UICollectionViewControllerのサンプル | Xcode | alperithm
UICollectionView のカスタマイズ例