3

CollectionViewCellをタップした時に、iPhoneデフォルトの写真アプリでCellをタップした時みたいな、画像位置から全画面サイズに拡大する画面の実装を組みたいです。

例えば以下のようにしてUICollectionViewのcellにImageViewを乗せて画像を表示させるとして

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section 
{
    return 4;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
 {
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuseIdentifier forIndexPath:indexPath];
    UIImage *image1 = [UIImage imageNamed:@"image1"];
    UIImage *image2 = [UIImage imageNamed:@"image2"];
    UIImage *image3 = [UIImage imageNamed:@"image3"];
    UIImage *image4 = [UIImage imageNamed:@"image4"];

    NSMutableArray *images = @[image1,image2,image3,image4];
    UIImage *image = [images objectAtIndex:indexPath.row];

    UIImageView *imageView = [[UIImageView alloc]initWithImage:image];
    [cell addSubview:imageView];
    imageView.contentMode = UIViewContentModeScaleAspectFill;
    // Configure the cell

    return cell;
}

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
  //ここで処理をすると思うのですが…
}

上のcellタップ時のメソッドでなんらかの処理をすると思うのですが、さっぱり分かりません。

どんな情報でもお持ちの方教えて頂けるとありがたいです。

1 件の回答 1

4

方法としては、いくらでもあります。

  1. 本来のanimatedNOにして独自でアニメーションを書く方法
  2. カスタムセグエを使う方法(iOS5〜)
  3. UIViewControllerのカスタム画面遷移を使う方法(iOS7〜)

いまから実装するのであれば、3でやるのがオススメです。

ただし、いわゆるモーダルで表示する場合と、UINavigationControllerUITabbarControllerの遷移を変更したい場合で記述が変わったり、インタラクティブ画面遷移を実装しようとするとちょっと大変かもしれません。


片道UIViewControllerTransition

StoryBoardがないので解りにくいかもしれませんが(特に複雑なことはやってないです)、UICollectionViewの画像を拡大して次のUIViewControllerにシームレスに表示するようなコードサンプル(UINavigationController使用時)です。

2
  • 1
    僕もpinterest風に選択したコレクションアイテムが画面全体に拡大される画面遷移を実装したのですが、quesera2さんがいうようにUIViewControllerのカスタム画面遷移を使いました。その時はこのソースコードを参考にさせてもらいました。 github.com/xhzengAIB/PinterestAnimator Commented 2015年8月23日 12:56
  • pintrest風のオープンソースで、日本語で解説されているものを見つけました。 ご参考に。 (tech.recruit-mp.co.jp/mobile/…) Commented 2015年8月27日 9:46

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。