4
方法としては、いくらでもあります。
本来のanimatedをNOにして独自でアニメーションを書く方法
カスタムセグエを使う方法(iOS5〜)
UIViewControllerのカスタム画面遷移を使う方法(iOS7〜)
いまから実装するのであれば、3でやるのがオススメです。
ただし、いわゆるモーダルで表示する場合と、UINavigationControllerやUITabbarControllerの遷移を変更したい場合で記述が変わったり、インタラクティブ画面遷移を実装しようとするとちょっと大変かもしれません。
片道UIViewControllerTransition
StoryBoardがないので解りにくいかもしれませんが(特に複雑なことはやってないです)、...
2
NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:[ud arrayForKey:@"array"], nil];
[array addObject:[NSNumber numberWithInt:self.selectedIndexPath]];
これの1行目を
NSMutableArray *array = [[ud arrayForKey:@"array"] mutableCopy];
に変更すれば、とりあえず原因はわからなくても、解決はすると思います。
原因解明については、別回答者さんの説明が詳しいので、ここでは触れません。
そもそもNSCFArrayってなんなのでしょうか?
それは「Objective-C ...
2
NSMutableArrayのログをとって
(
(
15
),
16
)
これが出てきた時点でおかしいと思います。
本来想定しているのは
(
15,
16
)
ではないですか?
NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:[ud arrayForKey:@"array"], nil];
画面遷移時にUserDefaultsにタップされたセルの情報をNSArrayで保存しているのだと思いますが、これだと2回目以降が
NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:@[@1], nil];
...
2
-cellForItemAtIndexPath: の中で -addSubview: するのをそもそもやめた方がいいと思います。
UICollectionViewCell のサブクラスを作成し、サブクラスの初期化時にラベルを生成、プロパティとしましょう。
そうすることで subviews を removeFromSuperview する余計な処理もいらなくなります。
上記を行った上で -cellForItemAtIndexPath: の中で行うのは「ラベルの表示内容の変更」としましょう。
2
//ここに各Viewのframeなどを設定するコード(割愛)
// [cell addSubview:titleLabel];
[cell.contentView addSubView: titleLabel];
// [cell addSubview:dateLabel];
[cell.contentView addSubView: dateLabel];
// [cell addSubview:textLabel];
[cell.contentView addSubView: textLabel];
return cell;
}
このように変更したら、どうなりますか?
2
Cellを横並びにするレイアウトの場合、Cellは、Collection Viewの横幅に対して、左揃えでも、右揃えでもなく、両端揃えになります(下図参照)。
Collection Viewの横幅を、Cellの横幅で割り算して、剰余が出ると、隙間の数、均等に割り振られます。それが「謎マージン」の正体です。
2
dataSourceやdelegateの位置をインスタンス化後に移動させると正常に動きました!!
#import "ViewController.h"
@interface ViewController ()<UICollectionViewDelegate, UICollectionViewDataSource> {
UICollectionView *coll;
}
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
NSLog(@"===viewDidLoad===");
UICollectionViewFlowLayout* ...
2
自分ならこう実装するという指針を載せてみます。
まず以下のものを用意します。
UICollectionViewCellの選択番号を更新するメソッド
選択されたindexPathを保持する配列
collectionView(_:didSelectItemAtIndexPath:)では、選択されたindexPathを配列に追加します。もし既に追加されている場合は削除します。このとき同時に、collectionView.visibleCells()に対して選択番号の更新処理を行います。
選択番号は「配列の何番目にいるか」で決めることができます。Swift1.2であればグローバル関数のfind()、Swift2.0であればCollectionTypeのプロトコル拡張であるindexOf()で求めることができます。...
2
本家のstackoverflowから"multiple uicollectionview in one controller"と言ったキーワードで引っかかってきたものから2つほど紹介しておきます。
こちらで正解とされているのは、UICollectionViewの複数セクション機能を使った方が良いのではないかという提案とその際のコード例です。
How can I have multiple Collection Views in one View Controller?
こちらは単にUICollectionViewDelegate, UICollectionViewDataSourceを実装する全メソッドにif文を入れて、どっちのUICollectionView用に働けば良いのか判定すれば良いよというもの。(...
1
他の場所でアドバイスをいただき、解決しました。
このプログラムでは、collectionViewを水平方向に動かしたいので、atScrollPosition: .Topではダメで、.Right .Left .CenteredHorizontally などにしないといけないようでした。
私の場合は、該当セルを真ん中に置きたいので、.CenteredHorizontally にしたらうまく動きました。
1
imageViewのインスタンスを使いまわしているためです。
一つのViewは一つの親にしかもてないため、
二つ目のセルが生成されて、addSubviewしたときに、一つ目のセルからはがされてしまします。
三つ目のセルが生成されると、二つ目のセルからはがされて三つ目のセルに張り付きます。
CollectionViewは前後のセルを内部的に生成しますので、画面外にあるセルに画像が張り付ていることになります。
そのために、一見、一つも画像が張り付いていないように見えるのだと思います。
セルごとにimageViewのインスタンスを作成し、そこに画像をセットするようにしてみてください。
■追記
セルごとに
let imageView = UIImageView(image: UIImage(named: "...
1
自分で質問しておいて恐縮ですが,
以下の方法で解決したので方法を記載しておきます.
GridView.mのinit()で以下ようなプロパティ設定をしました.
if (@available(iOS 11, *)) {
self.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
}
1
上記コメントで書きましたが、UITableViewを使って実現するのはなかなか難しいのではないかと思います。
「ScrollView上にTableViewを乗せ〜」で、かつそのViewへのタッチイベントを全て補足してそれぞれのビューをスクロールさせる方法なども一応考えられますが、UITableViewやUIScrollViewと同じ手触りのスクロールを実現するには相応の苦労が伴うと思います。
他の方法として、近い機能を提供するOSSライブラリを利用することが考えられます。
例えば、以下のライブラリはiOS上にMSエクセルの様なスプレッドシートを表示することができます。
kishikawakatsumi/SpreadsheetView
https://github.com/kishikawakatsumi/...
1
※コメントで指摘いただきましたが、下記方法では上下方向のスクロールができません。お目汚し失礼しました。
CGAffineTransformを利用するとViewを回転して表示することができます。
UITableViewを90度回転させて表示すれば目的の通りになると思います
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect bounds = [[UIScreen mainScreen] bounds];
UITableView *tblView = [[UITableView ...
1
試してみたところ、同様の現象を確認できました。
また、contentInsetのleftを1セル分よりも多く取ると2以降のインデックスでも同様に発生し、
leftとrightを異なる値にするとすべてのインデックスで中央に揃わなくなる、
などいろいろ起こるようです。
水平スクロールモードのUICollectionViewのバグだと思われますが、
とりあえず回避するなら、
UIView.animate(withDuration: 0.2, animations: {
self.collectionView.contentOffset.x = 0
})
ではなく、 setContentOffset(_:,animated:) を使うとよいと思います。
1
簡単な例を挙げてお答えします。(Swift3として記述)
質問者さんが挙げたメソッドの他に、以下のようなプロパティを持たせてみてください。
Dictionary型である必要はなく、あくまで簡単な例として置いています。
// 各セル毎のタップ数を格納する変数
private var tapCount = [IndexPath: UInt]()
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
let before = self.tapCount[indexPath] ?? 0
let after = before + 1
self....
1
コメントで確認させてもらったように、今回はセル1とセル2を交互に、と言うことにしておきます。
(コメントのやり取りの中で、あいまいだった条件がはっきりしてきた場合、できればご質問を編集して追記しておいてください。)
func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
//indexPathから、どちらのcellを表示するかの情報を取得する
//今回は偶数番目ならCell1, 奇数番目ならCell2とする
let cellTypeNumber = indexPath.item % 2
...
1
こちらのサイトが参考になるのではないでしょうか。
UICollectionViews Now Have Easy Reordering
英語のサイトですが、GitHubからサンプルプロジェクトも落とせますし、実際に動くコードを見ながら読めばざっくりと方法はわかると思います。
(1) UICollectionViewControllerを使う場合
基本的にcollectionView(_:moveItemAtIndexPath:toIndexPath:)を実装するだけ。
(2) 自前のViewControllerを使う場合
上記の他、GestureRecoginizerを使って、(移動のための)dragの開始/状態変化/終了処理を書いてやる必要がある。
(3) ...
1
画像が取得された時にセルが別のセルになったり、再利用されたセルに以前のUIImageViewが乗ったままになっているのではないでしょうか。
UIImageViewは初めからセルにのせておいて、画像をセットする時にテーブルからセルをindexPathで取得して所定の行のセルに画像をセットすると良いのではないでしょうか。以下のリンク先はUITableViewの例ですが参考になると思います。
ios - Async image loading from url inside a UITableView cell - image changes to wrong image while scrolling - Stack Overflow
1
viewDidLoad内に[self.collectionView registerClass:[CameraRollCell class] forCellWithReuseIdentifier:cameraRollCellID];を追加したら無事動作しました。
コメントをして下さった方、ありがとうございました。
1
UICollectionView でカスタムセルを実装する方法は:
UICollectionViewCell をサブクラス化し、ビューのレイアウトもコードで行う
UICollectionViewCell をサブクラス化し、ビューのレイアウトは xib ファイルで行う
UICollectionViewCell をサブクラス化し、ビューのレイアウトは、Storyboard で配置した Collection View の中の、Collection View Cell を編集して行う
の 3 つになるかな、と思います。
質問文では、2 と 3 の方法を重複して使われているように見えるのですが、本来どちらの方法を使われたいのでしょうか?
この部分で:
[self.collectionView ...
1
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
NumberCell *cell = [self.collectionView dequeueReusableCellWithReuseIdentifier:@"Cell"
forIndexPath:indexPath];
cell.number.text = [NSString ...
1
下図のようにStoryboardで、Collection ViewのAttributes Inspectorで、Itemsの値を変えれば、CellのIdentifierを複数作ることができます。Itemを2にすると、Collection ViewのCellのプロトタイプが2つになることがわかります。
質問者さんの意図に添えないまま終わってしまいましたが、私の回答をこのまま削除するのも、もったいない気がするので、「セルをタップするたびに、セルが入れ替わるプログラム」のサンプルを掲載して、回答を完結させておこうと思います。(Swiftにて失礼)
Storyboard上で、セルのプロトタイプを7つ作り、IdentifierをそれぞれCellA、CellB、〜、CellF、CellGとします。
...
1
状況を再現できません。こちらが試したこと:
Xcodeで、「Tabbed Application」を作成。
「First View Controller」を、UINavigationControllerに置き換える。UINavigationControllerのRootViewControllerを「First View Controller」にする。
FirstViewControllerに、UICollectionViewを配置。
「Third View Controller」を作成。FirstViewControllerとSegue(Show)で結ぶ。
CollectionViewのセルをタップしたら、ThirdViewControllerに遷移するよう、...
1
ViewController.h
@interface ViewController : UIViewController <UICollectionViewDelegate, UICollectionViewDataSource>
@property (weak, nonatomic) IBOutlet UICollectionView *collectionView;
@end
プロトコルUICollectionViewDelegateと、とりわけUICollectionViewDataSourceを、ViewControllerクラスに組みこんでください。
Storyboardにおいて:
Prototype Cellに、UIImageViewのインスタンスを配置し、...
1
Storyboardを使用しているのであれば、
Storyboard上で数種類のレイアウトのUICollectionViewCellを作成して、
Identifierで名前をつけておきcellForItemAtIndexPathのcell生成時に指定することができます。
NSString *cellIdentifier = @"cellのIdentifier";
UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellIdentifier forIndexPath:indexPath];
1
InterfaceBuilderのXIBファイルを作成してのプログラムを試みてみましたが、煩雑すぎて断念しました。感覚的には、すべてプログラムコードを書いて作成したのち、XIBに置き換え可能な箇所を置き換えるといったもの。Storyboardを使った場合の、どうしてもプログラムコードを書かないとダメな箇所だけコードを書くという感覚とはかなり異なります。
以下は、Storyboardを使って、テーブルビューのセルに、コレクションビューを貼り付けたサンプルプログラムのコードです。
ViewController.h ————
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController <...
上位に投票された、最小文字数のコミュニティ wiki 以外の回答のみが対象となります
関連するタグ
uicollectionview × 35ios × 19
swift × 15
objective-c × 15
uicollectionviewcell × 14
xcode × 7
swift2 × 3
uitableview × 2
uiscrollview × 2
iphone-x × 2
swift3 × 1
swift4 × 1
realm × 1
storyboard × 1
xcode7 × 1
uikit × 1
uiimage × 1
uilabel × 1
xib × 1