你好，歡迎來到IOS教程網
設為首頁加入收藏

首頁
IOS基礎知識
IOS使用技巧
IOS編程開發
IOS教程
IOS訊息
 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> iOS_27SplitViewController的簡單使用

iOS_27SplitViewController的簡單使用

編輯：IOS開發綜合

最終效果圖:

\

\


主控制器 BeyondViewController

繼承自UISplitViewController<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PC9wPgo8cHJlIGNsYXNzPQ=="brush:java;">// // BeyondViewController.h // 27_SplitViewCtroller // // Created by beyond on 14-8-31. // Copyright (c) 2014年 com.beyond. All rights reserved. // 主控制器,繼承自UISplitViewController,左邊master控制器是:FoodTypeListCtrl,右邊的從控制器是FoodListCtrl #import @interface BeyondViewController : UISplitViewController @end 

//
//  BeyondViewController.m
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  主控制器,繼承自UISplitViewController,左邊master控制器是:FoodTypeListCtrl,右邊的從控制器是FoodListCtrl

#import "BeyondViewController.h"
// 菜系 列表 控制器
#import "FoodTypeListController.h"
// 菜列表 控制器
#import "FoodListController.h"

// 菜系 列表 控制器 定義的協議,目的是:點擊了菜系 列表 中的某一行時,告訴代理(即菜列表控制器) 要展示哪一種菜系下面的所有菜
#import "FoodTypeListCtrlDelegate.h"

@interface BeyondViewController () 


@end

@implementation BeyondViewController
// 重要~~~主控制器充當中間人,先得到FoodTypeListController,並且成為它的代理,得到菜系 列表 的某一行被點擊時 對應的菜系對象
//  然後再在FoodTypeListController的代理方法中,得到FoodListController,並將菜系 進一步傳遞給FoodListController
- (void)viewDidLoad
{
    [super viewDidLoad];
    // 1.先得到Master控制器,即導航控制器,再從導航控制器中得到  FoodTypeListController,並且成為它的代理
    UINavigationController *foodTypeListNav = [self.childViewControllers firstObject];
    FoodTypeListController *foodTypeListCtrl = [foodTypeListNav.childViewControllers firstObject];
    foodTypeListCtrl.delegate = self;
    
    
    
    // 讓foodListCtrl成為主控制器的代理,僅僅是監聽Master控制器的出現和隱藏,並在foodListCtrl的左按鈕上顯示相應的提示文字(點擊該文字可以展開被隱藏的Master控制器)
    UINavigationController *foodListNav = [self.childViewControllers lastObject];
    FoodListController *foodListCtrl = [foodListNav.childViewControllers firstObject];
    self.delegate = foodListCtrl;
}
// 2. 然後再在FoodTypeListController的代理方法中,得到FoodListController,並將菜系 進一步傳遞給FoodListController
- (void)foodTypeListController:(FoodTypeListController *)foodTypesVc didSelectedFoodType:(FoodType *)type
{
    UINavigationController *foodListNavi = [self.childViewControllers lastObject];
    FoodListController *foodListCtrl = [foodListNavi.childViewControllers firstObject];
    foodListCtrl.foodType = type;
    
    [foodListNavi popToRootViewControllerAnimated:YES];
}

@end


SplitViewCtrl的Master主控制器,

繼承自表格控制器

FoodTypeListController 【菜系列表】及其代理

//
//  FoodTypeListController.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  SplitViewCtrl的Master主控制器,繼承自表格控制器 【菜系列表】

#import 
@protocol FoodTypeListCtrlDelegate;
@interface FoodTypeListController : UITableViewController


// 成員:代理,當點擊了某一行時,告訴代理 即點擊了哪一種菜系,從而,右邊的控制器展示相應的菜名列表
@property (weak, nonatomic) id delegate;


@end


//
//  FoodTypeListController.m
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import "FoodTypeListController.h"

#import "FoodType.h"

#import "FoodTypeListCtrlDelegate.h"
@interface FoodTypeListController ()
// 成員:數組,保存著從plist中加載的所有的從字典一一轉成對象的FoodType
@property (strong, nonatomic) NSArray *foodTypesArr;
@end

@implementation FoodTypeListController
// getter訪問時才加載,懶加載
- (NSArray *)foodTypesArr
{
    if (_foodTypesArr == nil) {
        // 經典,一句話將參數所對應的Plist文件中的字典數組,轉成 該類的對象數組
        _foodTypesArr = [FoodType objArrFromPlistName:@"food_types.plist"];
    }
    return _foodTypesArr;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    self.title = @"菜系";
    // 默認選擇第0行,調用自己的方法,給其傳遞數據模型
    [self.tableView selectRowAtIndexPath:kIndexPathZero animated:YES scrollPosition:UITableViewScrollPositionTop];
    // 讓第0行,顯示選中狀態,需配合覆蓋掉系統默認的方法:viewWillAppear
    [self tableView:self.tableView didSelectRowAtIndexPath:kIndexPathZero];
}
// 取消系統默認的一些 事件,讓第0行,顯示選中狀態
- (void)viewWillAppear:(BOOL)animated
{
 // do nothing...
}

#pragma mark - 數據源方法
// 多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.foodTypesArr.count;
}
// 每行顯示的cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *ID = @"FoodType";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }
    // 模型數組中取出對應行的模型
    FoodType *type = self.foodTypesArr[indexPath.row];
    // 設置獨一無二的內容
    cell.textLabel.text = type.name;
    // 返回cell
    return cell;
}
#pragma mark - 代理方法
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 如果 代理(就是右邊的從控制器)需要,才告知 當前選擇了哪一個菜系
    if ([self.delegate respondsToSelector:@selector(foodTypeListController:didSelectedFoodType:)]) {
        FoodType *type = self.foodTypesArr[indexPath.row];
        [self.delegate foodTypeListController:self didSelectedFoodType:type];
    }
}


@end

定義好的協議 

//
//  FoodTypeListCtrlDelegate.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import 
@class FoodType;
@protocol FoodTypeListCtrlDelegate 


@optional
// 當點擊了某一行時,告訴代理 即點擊了哪一種菜系,從而,右邊的控制器展示相應的菜名列表
- (void)foodTypeListController:(FoodTypeListController *)ctrl didSelectedFoodType:(FoodType *)foodType;


@end


FoodListController

SplitViewCtrl的從控制器,繼承自表格控制器

展示的是某一菜系下所有的菜【菜的列表】

//
//  FoodListController.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  SplitViewCtrl的從控制器,繼承自表格控制器  某一菜系下所有的【菜的列表】
//  點擊左邊菜系列表控制器中的某一行時,本控制器將展示該菜系下的所有菜

#import 
@class FoodType;
@interface FoodListController : UITableViewController

// 數據源,根據傳入的菜系,通過它的idstr,拼湊出新的plist名稱,加載,轉成Food模型對象數組
@property (strong, nonatomic) FoodType *foodType;
@end


//
//  FoodListController.m
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import "FoodListController.h"

#import "FoodDetailController.h"
#import "Food.h"
#import "FoodCell.h"
#import "FoodType.h"

// 成為UISplitViewControllerDelegate的代理,目的是監聽其顯示和隱藏方法,從而控制leftBarButtonItem的顯示和隱藏
@interface FoodListController ()
@property (strong, nonatomic) NSArray *foodsArr;
@end

@implementation FoodListController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
}

// 重要~~~攔截setterFoodType方法,設置標題,從對應的Plist加載數據,並轉成對象數組,刷新表格
- (void)setFoodType:(FoodType *)foodType
{
    _foodType = foodType;
    
    NSString *filename = [NSString stringWithFormat:@"type_%@_foods.plist", foodType.idstr];
    // 經典,一句話將參數所對應的Plist文件中的字典數組,轉成 該類的對象數組
    self.foodsArr = [Food objArrFromPlistName:filename];
    self.title = foodType.name;
    if (self.isViewLoaded) {
        // 默認讓tableView 滾動到第 0 行
        [self.tableView scrollToRowAtIndexPath:kIndexPathZero atScrollPosition:UITableViewScrollPositionTop animated:YES];
        // 刷新表格
        [self.tableView reloadData];
    }
}
#pragma mark - SplitViewCtrl的代理方法
// 即將顯示 Master主控制器
- (void)splitViewController:(UISplitViewController *)svc willShowViewController:(UIViewController *)aViewController invalidatingBarButtonItem:(UIBarButtonItem *)barButtonItem
{
    self.navigationItem.leftBarButtonItem = nil;
}
// 即將隱藏 Master主控制器
- (void)splitViewController:(UISplitViewController *)svc willHideViewController:(UIViewController *)aViewController withBarButtonItem:(UIBarButtonItem *)barButtonItem forPopoverController:(UIPopoverController *)pc
{
    barButtonItem.title = @"菜系";
    self.navigationItem.leftBarButtonItem = barButtonItem;
}


#pragma mark - 數據源方法
// 多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.foodsArr.count;
}
// 高度封裝了FoodCell,控制器知道得很少
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    FoodCell *cell = [FoodCell cellWithTableView:tableView];
    
    cell.food = self.foodsArr[indexPath.row];
    
    return cell;
}
#pragma mark - 代理方法
// cell 行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 100;
}
// 選中某一行
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 點擊那行  對應的模型
    Food *food = self.foodsArr[indexPath.row];
    FoodDetailController *detailVc = [[FoodDetailController alloc] init];
    // 傳遞數據模型,內部會攔截
    detailVc.food = food;
    [self.navigationController pushViewController:detailVc animated:YES];
}

@end


WebView展示某一道 菜 的詳情

//
//  FoodDetailController.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  點擊菜列表控制中的某一行,來到這,顯示該道菜的詳細信息,直接用webView展示

#import 
@class Food;
@interface FoodDetailController : UIViewController

// 數據源,要顯示哪道菜
@property (strong, nonatomic) Food *food;
@end


//
//  FoodDetailController.m
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  點擊一行,來到這,顯示該道菜的詳細信息,直接用webView展示

#import "FoodDetailController.h"
#import "Food.h"

@interface FoodDetailController ()
@property (weak, nonatomic) UIWebView *webView;
@end

@implementation FoodDetailController
// 讓weibView就是控制器的view
- (void)loadView
{
    UIWebView *webView = [[UIWebView alloc] init];
    // bounds就是屏幕的全部區域，applicationFrame就是app顯示的區域，不包含狀態欄
    webView.frame = [UIScreen mainScreen].applicationFrame;
    // 隨著屏幕的旋轉,寬高自動伸縮
    webView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    self.view = webView;
    // 成員變量,記住,目的是 避免強轉
    self.webView = webView;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // 導航欄標題
    self.title = self.food.name;
    // 重點~~~拼接本地url,注意:如果在沙盒創建真實的文件夾,那麼加載文件時,要加上文件夾名
    NSString *fileName = [NSString stringWithFormat:@"Html/food/%@.html", self.food.idstr];
    NSURLRequest *request = [NSURLRequest requestWithURL:[[NSBundle mainBundle] URLForResource:fileName  withExtension:nil]];
    [self.webView loadRequest:request];
}
@end


模型Model

//
//  Food.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  模型:一種菜肴 Food 對應plist文件裡面的一個字典

#import 

@interface Food : NSObject

// 必須與plist文件中 字典的key 一模一樣
// id
@property (copy, nonatomic) NSString *idstr;
// 菜名
@property (copy, nonatomic) NSString *name;
// 小圖標url
@property (copy, nonatomic) NSString *imageUrl;
// 網頁的url
@property (copy, nonatomic) NSString *url;
// 本道菜預計耗時多長
@property (copy, nonatomic) NSString *time;
// 制作難度多大
@property (copy, nonatomic) NSString *diff;

@end



//
//  FoodType.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  模型:一種菜系 FoodType 對應plist文件裡面的一個字典

#import 

@interface FoodType : NSObject
// ID
@property (copy, nonatomic) NSString *idstr;
// 菜系 名稱:如粵菜 川菜 家常菜
@property (copy, nonatomic) NSString *name;

@end


封裝的一個Cell View

//
//  FoodCell.h
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  自定義cell,一個cell 展示一個food模型裡面的數據,傳入tableView實例化cell的目的是封裝得最徹底,讓控制器作最少的事,知道得最少

#import 
@class Food;
@interface FoodCell : UITableViewCell

// 數據源模型,提供數據給內部的子控件們顯示,內部會攔截setter方法
@property (strong, nonatomic) Food *food;
// 傳入tableView實例化cell的目的是封裝得最徹底,讓控制器作最少的事,知道得最少
+ (instancetype)cellWithTableView:(UITableView *)tableView;

@end



//
//  FoodCell.m
//  27_SplitViewCtroller
//
//  Created by beyond on 14-8-31.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//

#import "FoodCell.h"

#import "Food.h"
#import "UIImageView+WebCache.h"

@interface FoodCell()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *nameLabel;
@property (weak, nonatomic) IBOutlet UILabel *descLabel;
@end



@implementation FoodCell

// 傳入tableView實例化cell的目的是封裝得最徹底,讓控制器作最少的事,知道得最少
+ (instancetype)cellWithTableView:(UITableView *)tableView
{
    // cellID必須和xib中的一模一樣
    static NSString *cellID = @"FoodCell";
    FoodCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];
    if (cell == nil) {
        // 從xib創建
        cell = [[[NSBundle mainBundle] loadNibNamed:cellID owner:nil options:nil] lastObject];
        // 右邊是箭頭
        cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    }
    return cell;
}
// 數據源模型,提供數據給內部的子控件們顯示,內部會攔截setter方法
- (void)setFood:(Food *)food
{
    _food = food;
    
    // 小圖標
    [self.iconView setImageWithURL:[NSURL URLWithString:food.imageUrl] placeholderImage:[UIImage imageNamed:@"timeline_image_placeholder"]];
    // 菜名
    self.nameLabel.text = food.name;
    // 子標題
    self.descLabel.text = [NSString stringWithFormat:@"難度：%@  時長：%@", food.diff, food.time];
    
    
}
@end

XIB





  1. 上一頁:
  2. 下一頁:
IOS開發綜合
處理Xcode8打包上傳構建版本有效的方法 發明成績 進級xcode8今後昨世界午打包上傳項目屢次,每
NSTimer定時器進階 詳細介紹，循環引用分析與解決 本文將為大家說明NSTimer定時器進階 詳細介紹，循環引用
IOS 自定義UICollectionView的頭視圖或許尾視圖UICollectionReusableView IOS 自定義UICollectionView的頭視圖或
IOS編程開發
相關文章
+
IOS開發基礎IOS編程技術IOS開發綜合
iOS開發入門 ☞ OC語言·筆記七
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved