Recommandé
Contenu connexe
En vedette
iQONのVIew構成紹介
- 2. 自己紹介 • 名前：荒井 勇輔 (あらい ゆうすけ) • Facebook：ararajp 13年9月13日金曜日
- 8. 状態から見るIQON • ユーザ（機能権限、公式ユーザ、フォロー関係、プロフィール状況） • アイテム（在庫状況、割引状況、お気に入り） • 期間（コンテスト開催状況） • etc... これらの条件によってボタン、ラベル、 アイコンなどすべて出し分け 13年9月13日金曜日
- 11. Viewクラスの役割を明確にする • Viewは出来る限り再利用し開発を減らす • Viewに画面遷移などの動作責任は持たせない • Viewの高さ計算、ラベル変更などはViewがすべて処理する • ViewControllerには画面表示に関わる責任は持たせない 13年9月13日金曜日
- 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日金曜日
- 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日金曜日
- 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日金曜日