Enviar búsqueda
Cargar
UITableViewで無限CoverFlowを作る
•
1 recomendación
•
3,810 vistas
Hidetoshi Mori
Seguir
for iOSendai
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 24
Descargar ahora
Descargar para leer sin conexión
Recomendados
SWWDC2012_11_17
SWWDC2012_11_17
ushiostarfish _
UICollectionViewLayoutでカバーフローを作りたい!
UICollectionViewLayoutでカバーフローを作りたい!
sawat1203
HTML5で作るスマホブラウザゲーム
HTML5で作るスマホブラウザゲーム
Takumi Ohashi
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
Kohei Kadowaki
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
Recomendados
SWWDC2012_11_17
SWWDC2012_11_17
ushiostarfish _
UICollectionViewLayoutでカバーフローを作りたい!
UICollectionViewLayoutでカバーフローを作りたい!
sawat1203
HTML5で作るスマホブラウザゲーム
HTML5で作るスマホブラウザゲーム
Takumi Ohashi
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
Kohei Kadowaki
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
iPhoneアプリを作ってみよう
iPhoneアプリを作ってみよう
Nagao Shun
Sugarcubeをはじめよう
Sugarcubeをはじめよう
Eihiro Saishu
セーラーソン振り返り
セーラーソン振り返り
Masafumi Terazono
セプテーニさんでのセミナー
セプテーニさんでのセミナー
Tokusei Noborio
PerlとJavaScriptとAndroidとiOSとのんのんバアとオレ
PerlとJavaScriptとAndroidとiOSとのんのんバアとオレ
Naosuke Yokoe
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
Arcを使ったら人生変わった話
Arcを使ったら人生変わった話
Yuki Kuroki
第3回yidev coding guideline読み
第3回yidev coding guideline読み
Tomohiko Okita
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
アクセス解析システムの裏側 (公開用)
アクセス解析システムの裏側 (公開用)
shunsuke Mikami
Photo mosaic 検証
Photo mosaic 検証
Hidetoshi Mori
プロジェクト管理しないという提案
プロジェクト管理しないという提案
Hidetoshi Mori
Git超入門
Git超入門
Hidetoshi Mori
20130515 diary euglena_en
20130515 diary euglena_en
Hidetoshi Mori
Evernote連携
Evernote連携
Hidetoshi Mori
Nodejsによるapiサーバ構築事例
Nodejsによるapiサーバ構築事例
Hidetoshi Mori
コンシューマアプリを作るということ
コンシューマアプリを作るということ
Hidetoshi Mori
mongodbの簡易ストレージ化
mongodbの簡易ストレージ化
Hidetoshi Mori
汎用apiサーバの構築
汎用apiサーバの構築
Hidetoshi Mori
20130216 小ネタ集
20130216 小ネタ集
Hidetoshi Mori
20130216 magical record
20130216 magical record
Hidetoshi Mori
モバイルビジネスの動向
モバイルビジネスの動向
Hidetoshi Mori
Más contenido relacionado
Similar a UITableViewで無限CoverFlowを作る
iPhoneアプリを作ってみよう
iPhoneアプリを作ってみよう
Nagao Shun
Sugarcubeをはじめよう
Sugarcubeをはじめよう
Eihiro Saishu
セーラーソン振り返り
セーラーソン振り返り
Masafumi Terazono
セプテーニさんでのセミナー
セプテーニさんでのセミナー
Tokusei Noborio
PerlとJavaScriptとAndroidとiOSとのんのんバアとオレ
PerlとJavaScriptとAndroidとiOSとのんのんバアとオレ
Naosuke Yokoe
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
Arcを使ったら人生変わった話
Arcを使ったら人生変わった話
Yuki Kuroki
第3回yidev coding guideline読み
第3回yidev coding guideline読み
Tomohiko Okita
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
アクセス解析システムの裏側 (公開用)
アクセス解析システムの裏側 (公開用)
shunsuke Mikami
Similar a UITableViewで無限CoverFlowを作る
(10)
iPhoneアプリを作ってみよう
iPhoneアプリを作ってみよう
Sugarcubeをはじめよう
Sugarcubeをはじめよう
セーラーソン振り返り
セーラーソン振り返り
セプテーニさんでのセミナー
セプテーニさんでのセミナー
PerlとJavaScriptとAndroidとiOSとのんのんバアとオレ
PerlとJavaScriptとAndroidとiOSとのんのんバアとオレ
Aiming study#6pdf
Aiming study#6pdf
Arcを使ったら人生変わった話
Arcを使ったら人生変わった話
第3回yidev coding guideline読み
第3回yidev coding guideline読み
Three.jsで3D気分
Three.jsで3D気分
アクセス解析システムの裏側 (公開用)
アクセス解析システムの裏側 (公開用)
Más de Hidetoshi Mori
Photo mosaic 検証
Photo mosaic 検証
Hidetoshi Mori
プロジェクト管理しないという提案
プロジェクト管理しないという提案
Hidetoshi Mori
Git超入門
Git超入門
Hidetoshi Mori
20130515 diary euglena_en
20130515 diary euglena_en
Hidetoshi Mori
Evernote連携
Evernote連携
Hidetoshi Mori
Nodejsによるapiサーバ構築事例
Nodejsによるapiサーバ構築事例
Hidetoshi Mori
コンシューマアプリを作るということ
コンシューマアプリを作るということ
Hidetoshi Mori
mongodbの簡易ストレージ化
mongodbの簡易ストレージ化
Hidetoshi Mori
汎用apiサーバの構築
汎用apiサーバの構築
Hidetoshi Mori
20130216 小ネタ集
20130216 小ネタ集
Hidetoshi Mori
20130216 magical record
20130216 magical record
Hidetoshi Mori
モバイルビジネスの動向
モバイルビジネスの動向
Hidetoshi Mori
Storyboard
Storyboard
Hidetoshi Mori
Blocksの活用法
Blocksの活用法
Hidetoshi Mori
インタラクションデザインの考察
インタラクションデザインの考察
Hidetoshi Mori
モバイルビジネスの動向
モバイルビジネスの動向
Hidetoshi Mori
サービス開発における工程
サービス開発における工程
Hidetoshi Mori
ゲリラ的サービスの育て方
ゲリラ的サービスの育て方
Hidetoshi Mori
インタラクションデザインの考察
インタラクションデザインの考察
Hidetoshi Mori
Presentation of TapkuLibrary
Presentation of TapkuLibrary
Hidetoshi Mori
Más de Hidetoshi Mori
(20)
Photo mosaic 検証
Photo mosaic 検証
プロジェクト管理しないという提案
プロジェクト管理しないという提案
Git超入門
Git超入門
20130515 diary euglena_en
20130515 diary euglena_en
Evernote連携
Evernote連携
Nodejsによるapiサーバ構築事例
Nodejsによるapiサーバ構築事例
コンシューマアプリを作るということ
コンシューマアプリを作るということ
mongodbの簡易ストレージ化
mongodbの簡易ストレージ化
汎用apiサーバの構築
汎用apiサーバの構築
20130216 小ネタ集
20130216 小ネタ集
20130216 magical record
20130216 magical record
モバイルビジネスの動向
モバイルビジネスの動向
Storyboard
Storyboard
Blocksの活用法
Blocksの活用法
インタラクションデザインの考察
インタラクションデザインの考察
モバイルビジネスの動向
モバイルビジネスの動向
サービス開発における工程
サービス開発における工程
ゲリラ的サービスの育て方
ゲリラ的サービスの育て方
インタラクションデザインの考察
インタラクションデザインの考察
Presentation of TapkuLibrary
Presentation of TapkuLibrary
Último
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Último
(7)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
UITableViewで無限CoverFlowを作る
1.
UITableViewで無限CoverFlowを作る
Hidetoshi Mori 12年11月17日土曜日
2.
自己紹介
• 森 英寿 • フリーランスプログラマ hidetoshi.mori @h_mori 12年11月17日土曜日
3.
自己紹介
• 主開発言語 Java/.net/Objective-C/Ruby/PHP • アプリ開発実績 SOICHA/TweetMe ATND暦/生存連絡 12年11月17日土曜日
4.
元ネタ
• @fladdictさんの「UITableViewハック」 https://s3-ap-northeast-1.amazonaws.com/ slidrs.t1/1338005297280_5734dda2c903f5b359b209804920c189/ UITableViewHack.pdf 12年11月17日土曜日
5.
何故UITableView?
• Cell再利用機構を実装する必要がない 12年11月17日土曜日
6.
CoverFlowモジュール
• FlowCover (http://www.chaosinmotion.com/flowcover.html) • iCarousel (https://github.com/nicklockwood/iCarousel) • OpenFlow (http://apparentlogic.com/openflow/) • Tapku (https://github.com/devinross/tapkulibrary) 12年11月17日土曜日
7.
Infinite UITableView
• 表示データを4セット用意する • scrollViewDidScroll: でHook • 限界位置でUIScrollView.contentOffsetを調整 12年11月17日土曜日
8.
12年11月17日土曜日
9.
UITableViewのカスタマイズ
• 左90度回転 12年11月17日土曜日
10.
Cellのカスタマイズ
• CATransform3D処理 • Z座標の固定 • 右90度回転 • スケールの調整 • 角度の調整 • 位置の調整 • 影の調整 12年11月17日土曜日
11.
カスタマイズタイミング
• scrollViewDidScroll:(UIScrollView *) • UITableView#layoutSubviews 12年11月17日土曜日
12.
Cellのソート
• 中央から遠い順にソートして再配置 • 対象CellはVisibleRowsのみ 12年11月17日土曜日
13.
変形の基準
• 調整の関数化 • IN:中央からCellまでの距離の相対値 • OUT:スケール、角度、位置、影の透明度 12年11月17日土曜日
14.
関数作成のコツ
• 線を連続させる • 単純な区分線形関数にする • 挙動を確認しながら非線形曲線にする 12年11月17日土曜日
15.
スケール調整関数 12年11月17日土曜日
16.
角度調整関数 12年11月17日土曜日
17.
位置調整関数 12年11月17日土曜日
18.
影調整関数 12年11月17日土曜日
19.
UIImageViewのカスタマイズ
• 反射Layer、影Layerの配置 • 反射Layerのcontents設定 (setImage: overwride) 12年11月17日土曜日
20.
スクロール停止時の位置調整
• 停止時に近いCellを中央にFit • scrollViewDidEndDragging: • scrollViewDidEndDecelerating: 12年11月17日土曜日
21.
その他調整
• 初期表示時に中央にFit • デバイス向き変更時に中央にFit 12年11月17日土曜日
22.
UITableViewハック時のポイント
• UIScrollViewDelegateを利用 • 処理対象CellはvisibleRowsを使用する • Cell再利用に注意 • subviewの配置順、ガベージデータ等 • frame設定のタイミングに注意 • Offset等の調整タイミングを意識 12年11月17日土曜日
23.
まとめ
• CoverFlow程度であれば簡単 • UITableViewの再利用の仕組みさえ把握 すれば応用可能 12年11月17日土曜日
24.
Demo
• http://www.youtube.com/watch? feature=player_embedded&v=FsiI3hMjedo 12年11月17日土曜日
Descargar ahora