iOS
UISplitViewController
Recherche…
Remarques
UISplitViewController
est une classe de conteneur comme UITabViewController
, UINavigationController
. Il sépare la vue principale en deux contrôleurs de vue masterViewController (PrimaryViewController) et detailViewController (SecondaryViewController). nous pouvons envoyer un tableau avec deux contrôleurs de vue et Apple recommande à UISplitViewController
tant que rootviewcontroller pour votre application. Pour interagir entre les contrôleurs de vue, j'utilise NSNotificationCenter
.
Interaction entre la vue maître et la vue détaillée à l'aide des délégués de l'objectif C
UISplitViewController
doit être le rootViewController de votre application.
AppDelegate.m
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
// Override point for customization after application launch.
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]
self.window.backgroundColor = [UIColor blackColor];
[self.window makeKeyAndVisible];
self.window.clipsToBounds = YES;
SplitViewController *spView = [[SplitViewController alloc]init];
self.window.rootViewController = spView;
[self.window makeKeyAndVisible];
return YES;
}
Créez simplement un objet pour UISplitViewController
et définissez-le en tant que rootviewcontroller pour votre application.
SplitViewController.h
#import <UIKit/UIKit.h>
#import "MasterViewController.h"
#import "DetailViewController.h"
@interface ViewController : UISplitViewController
{
DetailViewController *detailVC;
MasterViewController *masterVC;
NSMutableArray *array;
}
@end
MasterViewController
est toujours sur le côté gauche de l'appareil , vous pouvez régler la largeur UISplitViewCOntroller
méthodes de délégué et DetailViewController
est sur le côté droit de l'application
SplitViewController.m
#import "ViewController.h"
#define ANIMATION_LENGTH 0.3
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
masterVC = [[MasterViewController alloc]init];
detailVC = [[DetailViewController alloc]init];
[masterVC setDetailDelegate:(id)detailVC];
NSArray *vcArray = [NSArray arrayWithObjects:masterVC, detailVC, nil];
self.preferredDisplayMode = UISplitViewControllerDisplayModeAutomatic;
self.viewControllers = vcArray;
self.delegate = (id)self;
self.presentsWithGesture = YES;
}
Les contrôleurs ViewControllers maîtres et de détails créés sont ajoutés à un tableau défini sur self.viewControllers
dans UISplitViewController
. self.preferredDisplayMode
est le jeu de modes pour l'affichage de la documentation Apple DetailViewController
et DetailViewController
pour DisplayMode . self.presentsWithGesture
active le geste de balayage pour afficher MasterViewcontroller
MasterViewController.h
#import <UIKit/UIKit.h>
@protocol DetailViewDelegate <NSObject>
@required
- (void)sendSelectedNavController:(UIViewController *)viewController;
@end
@interface MasterViewController : UIViewController
{
UITableView *mainTableView;
NSMutableArray *viewControllerArray;
}
@property (nonatomic, retain) id<DetailViewDelegate> detailDelegate;
@end
Créez un délégué DetailViewDelegate
avec la sendSelectedNavController:(UIViewController *)viewController
pour envoyer le UIViewController
au DetailViewcontroller
. Ensuite, dans MasterViewController
le mainTableView est la tableview dans le gauche. Le viewControllerArray contient tous les UIViewControllers
à afficher dans DetailViewController
MasterViewController.m
#import "MasterViewController.h"
@implementation MasterViewController
@synthesize detailDelegate;
-(void)viewDidLoad
{
[super viewDidLoad];
UIViewController *dashBoardVC = [[UIViewController alloc]init];
[dashBoardVC.view setBackgroundColor:[UIColor redColor]];
UIViewController *inventVC = [[UIViewController alloc]init];
[inventVC.view setBackgroundColor:[UIColor whiteColor]];
UIViewController *alarmVC = [[UIViewController alloc]init];
[alarmVC.view setBackgroundColor: [UIColor purpleColor]];
UIViewController *scanDeviceVC = [[UIViewController alloc]init];
[scanDeviceVC.view setBackgroundColor:[UIColor cyanColor]];
UIViewController *serverDetailVC = [[UIViewController alloc]init];
[serverDetailVC.view setBackgroundColor: [UIColor whiteColor]];
viewControllerArray = [[NSMutableArray alloc]initWithObjects:dashBoardVC,inventVC,alarmVC,scanDeviceVC,serverDetailVC,nil];
mainTableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 50,self.view.frame.size.width, self.view.frame.size.height-50) style:UITableViewStylePlain];
[mainTableView setDelegate:(id)self];
[mainTableView setDataSource:(id)self];
[mainTableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];
[mainTableView setScrollsToTop:NO];
[self.view addSubview:mainTableView];
}
- (CGFloat)tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return 100;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection: (NSInteger)section
{
return [viewControllerArray count];
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return 1; //count of section
}
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
NSString *cellId = [NSString stringWithFormat:@"Cell%li%ld",(long)indexPath.section,(long)indexPath.row];
UITableViewCell *cell =[tableView dequeueReusableCellWithIdentifier:cellId];
if (cell == nil)
{
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellId];
}
[cell.contentView setBackgroundColor:[UIColor redColor]];
cell.textLabel.text =[NSString stringWithFormat:@"My VC at index %ld",(long)indexPath.row];
return cell;
}
- (void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
[detailDelegate sendSelectedNavController:[viewControllerArray objectAtIndex:indexPath.row]];
}
@end
Créez des UIViewControllers
et UIViewControllers
-les à un tableau. La vue Table est initialisée puis sur la méthode didSelectRowAtIndexPath
J'envoie un UIViewController
au DetailViewController
utilisant detailDelegate
avec le UIViewController
correspondant dans le tableau
DetailViewController.h
#import <UIKit/UIKit.h>
@interface DetailViewController : UIViewController<UICollectionViewDelegate>
{
UIViewController *tempNav;
}
@end
DetailViewController.m
#import "DetailViewController.h"
@implementation DetailViewController
-(void)viewDidLoad
{
[super viewDidLoad];
[self.view setBackgroundColor:[UIColor whiteColor]];
}
-(void)sendSelectedNavController:(UIViewController *)navController
{
NSArray *viewsToRemove = [self.view subviews];
for (UIView *v in viewsToRemove) {
[v removeFromSuperview];
}
tempNav = navController;
[self.view addSubview:tempNav.view];
}
@end
sendSelectedNavController
est déclaré ici avec la suppression de toutes les vues dans le DetailViewController
et l'ajout du UIViewController
passé à UIViewController
de MasterViewController
Ajout de quelques captures d'écran de l'application
Le lancement de l'application , nous ne recevons pas MasterViewController
puisque nous avons la preferredDisplayMode
comme automatique glisser l'écran , nous obtenons le MasterViewController
comme attaché à l'image ci - dessous , mais en mode paysage que nous obtenons à la fois le MasterViewController
et DetailViewController
sur l'orientation paysagère