VTMagic
  • October 6, 2023

VTMagic is a page container library for iOS, you can custom every page controller by different identifier if you need. It’s so easy to use!(中文手册传送门

CHANGELOG(变更日志)

Installation


CocoaPods

VTMagic is available through CocoaPods. To install it, simply add the following line to your Podfile, and then import <VTMagic/VTMagic.h>:

pod “VTMagic”

Manually

  1. Download the project and drop VTMagic folder into your project.
  2. Import file VTMagic.h.

#import “VTMagic.h”

Requirements


This library requires iOS 6.0+ and Xcode 7.0+.

Usage


To run the example project, clone the repo, and run pod install from the project directory first.

Integration

– (void)viewDidLoad {
[super viewDidLoad];

[self addChildViewController:self.magicController];
[self.view addSubview:_magicController.view];

[_magicController.magicView reloadData];
}

– (VTMagicController *)magicController {
if (!_magicController) {
_magicController = [[VTMagicController alloc] init];
_magicController.magicView.navigationColor = [UIColor whiteColor];
_magicController.magicView.sliderColor = [UIColor redColor];
_magicController.magicView.layoutStyle = VTLayoutStyleDivide;
_magicController.magicView.switchStyle = VTSwitchStyleDefault;
_magicController.magicView.navigationHeight = 40.f;
_magicController.magicView.dataSource = self;
_magicController.magicView.delegate = self;
}
return _magicController;
}

or like this

#import “VTMagicController.h”

@interface ViewController : VTMagicController

@end

@implementation ViewController

– (void)viewDidLoad {
[super viewDidLoad];

self.magicView.navigationColor = [UIColor whiteColor];
self.magicView.sliderColor = [UIColor redColor];
self.magicView.layoutStyle = VTLayoutStyleDefault;
self.magicView.switchStyle = VTSwitchStyleDefault;
self.magicView.navigationHeight = 40.f;
self.magicView.dataSource = self;
self.magicView.delegate = self;

[self.magicView reloadData];
}

Protocols

You must conform to <VTMagicViewDataSource><VTMagicViewDelegate> and <VTMagicReuseProtocol> are optional.

VTMagicViewDataSource

– (NSArray<NSString *> *)menuTitlesForMagicView:(VTMagicView *)magicView {
return _menuList;
}

– (UIButton *)magicView:(VTMagicView *)magicView menuItemAtIndex:(NSUInteger)itemIndex {
static NSString *itemIdentifier = @”itemIdentifier”;
UIButton *menuItem = [magicView dequeueReusableItemWithIdentifier:itemIdentifier];
if (!menuItem) {
menuItem = [UIButton buttonWithType:UIButtonTypeCustom];
[menuItem setTitleColor:RGBCOLOR(50, 50, 50) forState:UIControlStateNormal];
[menuItem setTitleColor:RGBCOLOR(169, 37, 37) forState:UIControlStateSelected];
menuItem.titleLabel.font = [UIFont fontWithName:@”Helvetica” size:16.f];
}
return menuItem;
}

– (UIViewController *)magicView:(VTMagicView *)magicView viewControllerAtPage:(NSUInteger)pageIndex {
if (0 == pageIndex) {
static NSString *recomId = @”recom.identifier”;
VTRecomViewController *recomViewController = [magicView dequeueReusablePageWithIdentifier:recomId];
if (!recomViewController) {
recomViewController = [[VTRecomViewController alloc] init];
}
return recomViewController;
}

static NSString *gridId = @”grid.identifier”;
VTGridViewController *gridViewController = [magicView dequeueReusablePageWithIdentifier:gridId];
if (!gridViewController) {
gridViewController = [[VTGridViewController alloc] init];
}
return gridViewController;
}

VTMagicViewDelegate

 

– (void)magicView:(VTMagicView *)magicView viewDidAppear:(UIViewController *)viewController atPage:(NSUInteger)pageIndex {
NSLog(@”pageIndex:%ld viewDidAppear:%@”, (long)pageIndex, viewController.view);
}

– (void)magicView:(VTMagicView *)magicView viewDidDisappear:(UIViewController *)viewController atPage:(NSUInteger)pageIndex {
NSLog(@”pageIndex:%ld viewDidDisappear:%@”, (long)pageIndex, viewController.view);
}

– (void)magicView:(VTMagicView *)magicView didSelectItemAtIndex:(NSUInteger)itemIndex {
NSLog(@”didSelectItemAtIndex:%ld”, (long)itemIndex);
}

VTMagicReuseProtocol

This method will be called when page is reused, you should clear old data or reset content offset in here.

– (void)vtm_prepareForReuse {
NSLog(@”clear old data if needed:%@”, self);
}

Features


Appearance callbacks

VTMagic will automatically calls the appearance callbacks when user switches the page, maybe you should do something in here, e.g. refresh page info.

– (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];

// do something…
}

– (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];

// do something…
}

Get magicController

You can get the nearest magicController in any child view controller which is conforms to <VTMagicProtocol>, after you import file VTMagic.h.

NSInteger currentPage = self.magicController.currentPage;
UIViewController *viewController = self.magicController.currentViewController;

Switch to specified page

You can switch to some specified page.

[self.magicView switchToPage:3 animated:YES];
[self.magicController switchToPage:3 animated:YES];

Get specified view controller

You can get any page controller by page index, it will return nil if the page is not on the screen.

UIViewController *viewController = [self.magicView viewControllerAtPage:3];
UIViewController *viewController = [self.magicController viewControllerAtPage:3];

GitHub


View Github

#ios #library #navigation #pagecontroller #swift
YOU MIGHT ALSO LIKE...
exyte

     

camerakit-ios

CameraKit helps you add reliable camera to your app quickly. Our open source camera platform provides consistent capture results, service ...

HybridCamera

[video width="192" height="416" mp4="https://swiftgit.com/wp-content/uploads/2024/12/68747470733a2f2f7261776769742e636f6d2f7374796c656b69742f696d672f6d61737465722f7669645f6564697465645f325f326d622e676966.mp4"][/video]

TakeASelfie

An iOS framework that uses the front camera, detects your face and takes a selfie. This api opens the front ...

iOS-Depth-Sampler

Code examples of Depth APIs in iOS