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

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

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

Objective-Cはオブジェクト指向型のプログラミング言語のひとつです。C言語をベースにSmalltalkが取り入れられています。

Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Q&A

解決済

1回答

2435閲覧

Objective-CでCollectionViewのセルの上に置いたボタンをタップの度に切り替えたい

syoshinsya

総合スコア35

Objective-C

Objective-Cはオブジェクト指向型のプログラミング言語のひとつです。C言語をベースにSmalltalkが取り入れられています。

Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

0グッド

0クリップ

投稿2016/09/29 02:52

※1,右下のハートがボタンでタップ前の状態
タップ前

※2,右下のハートがボタンでタップ後の状態
イメージ説明


上記の様な挙動を実現したくコードを下記のように記述しております。
(ボタンはCollectionViewのCellの子要素として設置しています。)

ViewController.m

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { CollectionViewCell *cell = (CollectionViewCell *)[collectionView dequeueReusableCellWithReuseIdentifier:@"Cell" forIndexPath:indexPath]; if(_dbPhotoData.count == 0) { [cell searchResultsSetCell:(UIImageView *)[cell viewWithTag:1]tag:self.photoData[indexPath.row].url url:[NSURL URLWithString:_photoData[indexPath.row].url] image:nil viewController:self]; } else { [cell searchResultsSetCell:(UIImageView *)[cell viewWithTag:1]tag:self.photoData[indexPath.row].url url:[NSURL URLWithString:_photoData[indexPath.row].url] image:self.dbPhotoData[indexPath.row].states viewController:self]; } return cell; }

CollectionViewCell.m

- (IBAction)wishButtonTapped:(id)sender { [_wishButton setImage:[UIImage imageNamed:@"unwish"] forState:UIControlStateNormal]; DataBase *db = [DataBase new]; if([db checkExistsUrl:(NSString *)_imageUrl]) { [_wishButton setImage:[UIImage imageNamed:@"unwish"] forState:UIControlStateNormal]; [db deleteWithData:self.imageUrl]; } else { [_wishButton setImage:[UIImage imageNamed:@"wish"] forState:UIControlStateNormal]; [db insertWithData:self.imageUrl]; } if ([self.delegate respondsToSelector:@selector(searchCellUpdate)]) { [self.delegate searchCellUpdate]; } } - (void)searchResultsSetCell:(UIImageView *)viewWithTag tag:(NSString *)url url:(NSURL *)imageUrl image:(NSString *)states viewController:(id<ReloadDelegate>)viewController { _photoImageView = viewWithTag; _tagNo = viewWithTag; _imageUrl = url; self.delegate = viewController; _photoStates = states; [_photoImageView setImageWithURL:imageUrl placeholderImage:nil]; }

問題点
・タップの度にボタンは切り替わるがセルが複数ある場合タップしていないボタンまで切り替わってしまう。

例えばセルが100件表示されていた場合に一番左上のセルのボタンだけ押しているのに、意図しない他のセルまで※2の状態になってしまう。
どのセルのどのボタンが押されたのかうまく識別できていないから起こっているのかと思っています。
ボタンをタップした時に**_tagNo**をNSLogで出力させると、セルのタグ番号は出力されます。
このプロパティを使ってうまく識別できないものかと、考えているのですがどの様に実装すれば識別できますでしょうか。
意図が伝わらなかったり、必要な情報が欠けていましたらご指摘いただけますでしょうか。
どなたかご教示いただけましたら、幸いです。
よろしくお願いいたします。

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

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

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

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

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

guest

回答1

0

ベストアンサー

CollectionViewはほとんど使ったことがないですが、TableViewと同じようなものだろうということで回答します。

ハートの画像を変更するのは、タップ処理の中で行うのではなく、cellForItemAtIndexPathの中で行います。
タップ処理の中では、セル生成時に使う元データ(お気に入りフラグ?)の変更のみ行います。

状況にもよりますが、通常は、元データの変更後にCollectionViewのリロードをしないと画面に反映されませんので注意して下さい。(リロード → 元データからセルを生成し直す)

投稿2016/09/29 04:28

fuzzball

総合スコア16731

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

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

syoshinsya

2016/09/30 11:56

いつもご回答ありがとうございます。 ご教示頂きました方法で解決することができました。 ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問