Clever Geek Handbook

UISplitViewControllerの代替（MasterViewを縦向きで表示）

記事「ポップアップ。 iPhone SDK 3.2のUIPopoverControllerを使用して、新しいインターフェイス要素UIPopoverControllerおよびUISplitViewControllerが追加されました。 それらの最初については、Habrですでにかなり詳細に説明されています。 UISplitViewControllerについて、または、代わりの方法についてお話したいと思います。



「なぜこの代替が必要なのですか？」 これは、SplitViewの動作に関するものです。SDKからの抜粋です。「両方のView Controllerは横向きで表示されますが、Detail View Controllerのみが縦向きで表示されます」。 つまり 縦向きでは、右側（MasterView）は単純に非表示になります（図1を参照）。





図1-横（a）および縦（b）方向のSplitView



iPadのメイン設定を見ると、まったく異なる画像が表示されます。縦向きと横向きでは、左側の部分（MasterView）が同じように表示されます（非表示になりません）





図2-基本的なiPad設定



さて、 SplitViewとblackjackで地獄にいるが、左側がblackjackとwhoresで 隠れているところでは 、SplitViewを構築しましょう。



Xcode（ビューベースのアプリケーション）で新しいプロジェクトを作成することから始めましょう。 AlternativeSplitという名前を付けました（図3を参照）。





図3-新しいプロジェクトの作成



次に、メニューからFile-> New file ...-> Cocoa Touch Class-> UIViewControllerサブクラスを選択して、MasterViewController（UITableViewControllerのサブクラス）とDetailViewController（UIViewControllerのサブクラス）の2つの新しいクラスをプロジェクトに追加します。



InterfaceBuilderでAlternativeSplitViewController.xibを開き、「このような絵を描く」：





図4-AlternativeSplitViewController.xibの編集



ある方向から別の方向に切り替えるときにビューが「フロート」しないように、自動サイズ設定を構成します。 マスターの左側（NavigationBarとTableView）には、図5.aと同じパラメーターを指定し、右側の詳細（NavigationBarとView）には、図5 5.b





図5-自動サイズ設定オプション



ファイルを編集して、AlternativeSplitViewControlle.hクラスに新しいIBOutlet変数を追加します

次のAlternativeSplitViewController.h



// // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  1. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  2. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  3. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  4. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  5. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  6. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  7. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  8. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  9. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



  10. // // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .



// // AlternativeSplitViewController.h // AlternativeSplit // #import <UIKit/UIKit.h> @ class MasterViewController; @ interface AlternativeSplitViewController : UIViewController { IBOutlet MasterViewController* masterViewController; } @end * This source code was highlighted with Source Code Highlighter .







MasterViewControllerクラスは、メニュー項目を含むテーブルを担当します。 次のように書き直します（要するに、以下のコードではテーブルにデータを入力し、ユーザーがテーブルセル（didSelectRowAtIndexPath）を選択するとDetailViewメッセージを送信します）：







  1. //
  2. // MasterViewController.h
  3. // AlternativeSplit
  4. //
  5. #import <UIKit / UIKit.h>
  6. @ class DetailViewController;
  8. @ インターフェイス MasterViewController：UITableViewController {
  9. IBOutlet DetailViewController * detailViewController;
  10. }
  12. @end
*このソースコードは、 ソースコードハイライターで強調表示されました。








  2. //
  3. // MasterViewController.m
  4. // AlternativeSplit
  5. //
  6. #import "MasterViewController.h"
  7. #import "DetailViewController.h"
  9. @implementation MasterViewController
  11. ＃プラグママーク-
  12. #pragma markライフサイクルを表示
  14. -（BOOL）shouldAutorotateToInterfaceOrientation：（UIInterfaceOrientation）interfaceOrientation {
  15. //オーバーライドして、デフォルトの縦向き以外の向きを許可します。
  16. YESを返します。
  17. }
  18. ＃プラグママーク-
  19. #pragma markテーブルビューデータソース
  20. -（NSInteger）numberOfSectionsInTableView：（UITableView *）tableView {
  21. //セクションの数を返します。
  22. 1を返します。
  23. }
  24. -（NSInteger）tableView：（UITableView *）tableView numberOfRowsInSection：（NSInteger）セクション{
  25. //セクション内の行数を返します。
  26. return 5;
  27. }
  28. //テーブルビューセルの外観をカスタマイズします。
  29. -（UITableViewCell *）tableView：（UITableView *）tableView cellForRowAtIndexPath：（NSIndexPath *）indexPath {
  31. static NSString * CellIdentifier = @ "Cell" ;
  33. UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier：CellIdentifier];
  34. if （cell == nil）{
  35. cell = [[[UITableViewCell alloc] initWithStyle：UITableViewCellStyleDefault reloadIdentifier：CellIdentifier] autorelease];
  36. }
  37. //セルを構成します...
  38. cell.textLabel.text = [NSString stringWithFormat： @ "Row％i" 、indexPath.row];
  39. 戻りセル。
  40. }
  41. ＃プラグママーク-
  42. #pragma markテーブルビューデリゲート
  44. -（ void ）tableView：（UITableView *）tableView didSelectRowAtIndexPath：（NSIndexPath *）indexPath {
  46. [detailViewController setNewText：[NSString stringWithFormat： @ "Row％i" 、indexPath.row]];
  47. }
  50. ＃プラグママーク-
  51. #pragma markメモリ管理
  53. -（ void ）didReceiveMemoryWarning {
  54. //ビューにスーパービューがない場合、ビューを解放します。
  55. [super didReceiveMemoryWarning];
  57. //使用されていないキャッシュデータ、画像などの所有権を放棄します。
  58. }
  60. -（ void ）dealloc {
  61. [super dealloc];
  62. }
  63. @end
*このソースコードは、 ソースコードハイライターで強調表示されました。




DetailViewControllerが適切な部分を担当します。 DetailViewControllerクラスを編集しましょう（新しいIBOutlet変数UILabel * lblと、lblのテキストを変更する新しいsetNewTextメソッドを追加します）







  1. //
  2. // DetailViewController.h
  3. // AlternativeSplit
  4. //
  5. #import <UIKit / UIKit.h>
  7. @ インターフェース DetailViewController：UIViewController {
  8. IBOutlet UILabel * lbl;
  9. }
  10. -（ void ）setNewText：（NSString *）テキスト;
  11. @end
*このソースコードは、 ソースコードハイライターで強調表示されました。




  1. //
  2. // DetailViewController.m
  3. // AlternativeSplit
  4. //
  6. #import "DetailViewController.h"
  7. @implementation DetailViewController
  8. -（ void ）setNewText：（NSString *）テキスト{
  9. lbl.text = text;
  10. }
  11. -（BOOL）shouldAutorotateToInterfaceOrientation：（UIInterfaceOrientation）interfaceOrientation {
  12. //任意の方向を許可するためにオーバーライドされます。
  13. YESを返します。
  14. }
  15. -（ void ）didReceiveMemoryWarning {
  16. //ビューにスーパービューがない場合、ビューを解放します。
  17. [super didReceiveMemoryWarning];
  19. //使用されていないキャッシュデータ、画像などを解放します。
  20. }
  21. -（ void ）viewDidUnload {
  22. [super viewDidUnload];
  23. //メインビューの保持されているサブビューを解放します。
  24. //例：self.myOutlet = nil;
  25. }
  26. -（ void ）dealloc {
  27. [super dealloc];
  28. }
  29. @end
*このソースコードは、<a href="http://virtser.net/blog/post/source-code-highlighter.aspx"> ソースコードハイライターで強調表示されました 。




あとは、interfaceBuildereでIBOutlet変数をバインドするだけです（図6を参照）。 そして、問題は帽子です。





図6-IBOutlet変数のバインド



結果：





図7-別のSplitView



ソースコードはこちらまたはこちらからダウンロードできます 。



ご清聴ありがとうございました。

PSこの記事には、「手を少し動かすと、UITabBar パンツが回転し、UITabBar パンツが... エレガントな UISplitView ショート パンツに変わります」（iPhoneアプリケーションをiPadに移植するときの一種の松葉杖）が続きます。 書く価値はありますか？


More articles:


All Articles