Downloaded 19 times
![for (int i = 0; i < self.imageViews.count; i++) {
Set *set = self.sets[i]; // コーディネートのオブジェクト
UIImageView *imageView = self.imageViews[i];
imageView.imageURL = set.imageUrlMedium;
imageView.tag = set.setId.intValue;
// ここがダメ Viewに画像タップ時の画面遷移が記述されている
[imageView setImageViewPressedBlock:^(int setId) { //UIImageViewの拡張
SetDetailViewController *vc = [VCFactory create:@"SetDetailViewController"];
[IQONAPPDELEGATE.navigationController pushViewController:vc animated:YES];
}];
}
悪い例
Viewのコード
画像タップ時の画面遷移が記述されていると、このViewの再
利用が著しく低下する
もしかしたら他の画面では画像タップでポップアップが求め
られるかもしれない
13年9月13日金曜日](https://image.slidesharecdn.com/vasilyretty-130912220719-phpapp02/85/iQON-VIew-13-320.jpg)
![良い例
for (int i = 0; i < self.imageViews.count; i++) {
Set *set = self.sets[i]; // コーディネートのオブジェクト
UIImageView *imageView = self.imageViews[i];
imageView.imageURL = set.imageUrlMedium;
imageView.tag = set.setId.intValue;
// ViewControllerで設定したActionを実行
if (self.imageViewPressedBlock) {
imageView.imageViewPressedBlock = self.imageViewPressedBlock;
}
}
View Controllerのコード
Viewのコード
setCell.imageViewPressedBlock =^(int setId) {
SetDetailViewController *vc = [VCFactory create:@"SetDetailViewController"];
vc.filter.setId = @(setId);
[vc updateDataController];
[IQONAPPDELEGATE.currentNavigationController pushViewController:vc animated:NO];
};
ViewにpublicなBlockのプロパティを持ち、ViewController側で動作を設定
13年9月13日金曜日](https://image.slidesharecdn.com/vasilyretty-130912220719-phpapp02/85/iQON-VIew-14-320.jpg)
![updateOutletsAll
• ViewControllerに実装する
• 画面更新をすべて請け負ったメソッド
(TableViewのリロード、ボタンの更新etc)
• このメソッドを呼べば画面に必要な再描写がすべてされる
- (void)updateOutletsAll
{
[self.tableView reloadData]; // TableViewのリロード
[self updateOutletsOfLikeButton]; // LikeButtonの更新
…
}
13年9月13日金曜日](https://image.slidesharecdn.com/vasilyretty-130912220719-phpapp02/85/iQON-VIew-18-320.jpg)
![configureCell
• cellの設定を行うメソッド
• cellForRowAtIndexPathで必ず呼ばれる
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *cellIdentifier = [self cellIdentifierForIndexPath:indexPath];
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath];
[self configureCell:cell atIndexPath:indexPath];
return cell;
}
- (void)configureCell:(UITableViewCell *)cell atIndexPath:(NSIndexPath *)indexPath
{
if ([cell isKindOfClass:ItemDetailCell.class]) {
[self configureItemDetailCell:(ItemDetailCell *)cell atIndexPath:indexPath];
}
else if ([cell isKindOfClass:ItemDetailRelatedItemsCell.class]) {
[self configureItemDetailRelatedItemsCell:(ItemDetailRelatedItemsCell *)cell atIndexPath:indexPath];
}
else if ([cell isKindOfClass:ItemDetailItemSetsCell.class]) {
[self configureItemDetailItemSetsCell:(ItemDetailItemSetsCell *)cell atIndexPath:indexPath];
}
}
13年9月13日金曜日](https://image.slidesharecdn.com/vasilyretty-130912220719-phpapp02/85/iQON-VIew-19-320.jpg)
![layoutSubViews
ViewクラスのLayoutSubViewsメソッドをオーバライドして、レイ
アウト設定をおこなう。ViewController側では情報をセットし
setNeedsLayoutを読んで適宜レイアウト調整を行う。
- (void)layoutSubviews
{
[super layoutSubviews];
// 画像の設定処理
// 画像を角丸にする処理
// Labelにテキストを設定する処理
// etc...
}
// データ更新処理など
[hogeCell setNeedsLayout];
HogeCell
HogeViewController
13年9月13日金曜日](https://image.slidesharecdn.com/vasilyretty-130912220719-phpapp02/85/iQON-VIew-20-320.jpg)
iQONのVIew構成紹介
- 1.
- 2. 自己紹介 • 名前：荒井 勇輔(あらい ゆうすけ) • Facebook：ararajp 13年9月13日金曜日
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. 状態から見るIQON • ユーザ（機能権限、公式ユーザ、フォロー関係、プロフィール状況） • アイテム（在庫状況、割引状況、お気に入り） •期間（コンテスト開催状況） • etc... これらの条件によってボタン、ラベル、 アイコンなどすべて出し分け 13年9月13日金曜日
- 9.
- 10.
- 11. Viewクラスの役割を明確にする • Viewは出来る限り再利用し開発を減らす • Viewに画面遷移などの動作責任は持たせない •Viewの高さ計算、ラベル変更などはViewがすべて処理する • ViewControllerには画面表示に関わる責任は持たせない 13年9月13日金曜日
- 12.
- 13. for (int i= 0; i < self.imageViews.count; i++) { Set *set = self.sets[i]; // コーディネートのオブジェクト UIImageView *imageView = self.imageViews[i]; imageView.imageURL = set.imageUrlMedium; imageView.tag = set.setId.intValue; // ここがダメ Viewに画像タップ時の画面遷移が記述されている [imageView setImageViewPressedBlock:^(int setId) { //UIImageViewの拡張 SetDetailViewController *vc = [VCFactory create:@"SetDetailViewController"]; [IQONAPPDELEGATE.navigationController pushViewController:vc animated:YES]; }]; } 悪い例 Viewのコード 画像タップ時の画面遷移が記述されていると、このViewの再 利用が著しく低下する もしかしたら他の画面では画像タップでポップアップが求め られるかもしれない 13年9月13日金曜日
- 14. 良い例 for (int i= 0; i < self.imageViews.count; i++) { Set *set = self.sets[i]; // コーディネートのオブジェクト UIImageView *imageView = self.imageViews[i]; imageView.imageURL = set.imageUrlMedium; imageView.tag = set.setId.intValue; // ViewControllerで設定したActionを実行 if (self.imageViewPressedBlock) { imageView.imageViewPressedBlock = self.imageViewPressedBlock; } } View Controllerのコード Viewのコード setCell.imageViewPressedBlock =^(int setId) { SetDetailViewController *vc = [VCFactory create:@"SetDetailViewController"]; vc.filter.setId = @(setId); [vc updateDataController]; [IQONAPPDELEGATE.currentNavigationController pushViewController:vc animated:NO]; }; ViewにpublicなBlockのプロパティを持ち、ViewController側で動作を設定 13年9月13日金曜日
- 15.
- 16. TableViewの構成 storyboardにViewControoler設置 TableView Cell TableViewのcellForRowAtIndexPathデリゲート にて必要なTableViewCellを設定 if (indexPath.section== 0) { cellName = @"UserDetailInformationAndCoverCell"; } else { if (indexPath.row == 0) { cellName = @"UserDetailProfileCell"; } else if (indexPath.row == 1) { cellName = @"UserDetailBirthdayCell"; } else if (indexPath.row == 2) { cellName = @"UserDetailOccupationCell"; } .... } 13年9月13日金曜日
- 17.
- 18. updateOutletsAll • ViewControllerに実装する • 画面更新をすべて請け負ったメソッド (TableViewのリロード、ボタンの更新etc) •このメソッドを呼べば画面に必要な再描写がすべてされる - (void)updateOutletsAll { [self.tableView reloadData]; // TableViewのリロード [self updateOutletsOfLikeButton]; // LikeButtonの更新 … } 13年9月13日金曜日
- 19. configureCell • cellの設定を行うメソッド • cellForRowAtIndexPathで必ず呼ばれる -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { NSString *cellIdentifier = [self cellIdentifierForIndexPath:indexPath]; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier forIndexPath:indexPath]; [self configureCell:cell atIndexPath:indexPath]; return cell; } - (void)configureCell:(UITableViewCell *)cell atIndexPath:(NSIndexPath *)indexPath { if ([cell isKindOfClass:ItemDetailCell.class]) { [self configureItemDetailCell:(ItemDetailCell *)cell atIndexPath:indexPath]; } else if ([cell isKindOfClass:ItemDetailRelatedItemsCell.class]) { [self configureItemDetailRelatedItemsCell:(ItemDetailRelatedItemsCell *)cell atIndexPath:indexPath]; } else if ([cell isKindOfClass:ItemDetailItemSetsCell.class]) { [self configureItemDetailItemSetsCell:(ItemDetailItemSetsCell *)cell atIndexPath:indexPath]; } } 13年9月13日金曜日
- 20. layoutSubViews ViewクラスのLayoutSubViewsメソッドをオーバライドして、レイ アウト設定をおこなう。ViewController側では情報をセットし setNeedsLayoutを読んで適宜レイアウト調整を行う。 - (void)layoutSubviews { [super layoutSubviews]; //画像の設定処理 // 画像を角丸にする処理 // Labelにテキストを設定する処理 // etc... } // データ更新処理など [hogeCell setNeedsLayout]; HogeCell HogeViewController 13年9月13日金曜日
- 21. まとめ • Viewの再利用を可能な限り意識する • ボタンやフォントはルールを決め統一 •ある程度のコーディング規約を設ける -ViewとControllerの役割 - 認識が統一されたメソッドの実装 - 画像命名規則 - Action命名規則 13年9月13日金曜日