質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

3086閲覧

UICollectionViewを勢い良くスクロールすると画像がずれてしまう

funkyfrea

総合スコア86

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

1クリップ

投稿2016/04/17 01:54

編集2016/04/17 02:14

###前提・実現したいこと
swiftで日記アプリを作っています。
実現したいことは、写真をUICollectionViewに並べて、なめらかにスクロールできるようにすることです。
ユーザーファイルに保存してある画像を取得し、非同期でリサイズしてから表示しています。

###発生している問題・エラーメッセージ
勢い良くスクロールし止めると、写真の位置が表示されるべきセルからずれて表示されてしまいます。写真の位置が入れ替わってしまうような状態です。
どのようにすれば、素早くスクロールされても画像の位置を正しく表示できるのでしょうか。
よろしくお願いします。

###該当のソースコード

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { let cell:AlbumCollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier("myCell", forIndexPath: indexPath) as! AlbumCollectionViewCell let paths = NSSearchPathForDirectoriesInDomains(.DocumentDirectory, .UserDomainMask, true) var path = "" if paths.count > 0{ path = paths[0] } let key:NSString = sections[indexPath.section] as! NSString let photo:Photos = collectionViewCells![key]![0][indexPath.row] as! Photos let filePath = (path as NSString).stringByAppendingPathComponent(photo.filename) let image = UIImage(contentsOfFile: filePath) cell.PhotoView.image = nil dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), { let resize = CGSize(width: 187,height: 250) UIGraphicsBeginImageContextWithOptions(resize, false, 0.0) image?.drawInRect(CGRect(x: 0,y: 0,width: resize.width,height: resize.height)) let resizeImage = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() dispatch_async(dispatch_get_main_queue(), { cell.PhotoView.image = resizeImage }) }) return cell }

###試したこと
調べてみたところ、こういうケースではcell.PhotoView.image = nilを加える必要があるとのことだったので、書いてみたのですが未だに位置がずれてしまいます。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

セルが再利用されることに配慮してください。
collectionView()関数がreturnしたcellと、dispatch_async内のcellが、同じデータを表示するとは限りません。

投稿2016/04/17 06:22

Stripe

総合スコア2183

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

funkyfrea

2016/04/17 06:49 編集

教えていただきありがとうございます。 ご回答の内容をちゃんと理解できていない部分もあるかもしれないのですが、加工した写真をキャッシュして表示するようにしたところ正しい位置に表示することができるようになりました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問