UIPanGestureRecognizer to create Screen similar to Notification Center


In my application i wanted a Screen similar to the Notification Center of the iPhone.

Where user can navigate through 3 screens using swipe gesture and also by selecting the UISegmentedControl index.

So i have figured out below code.

 

-(void)viewDidLoad {

[super viewDidLoad];

 

// I have added a ScrollView on Xib file of width 960px here.

// added content(UIControls) required on first screen at 0px to 320px.

// added content(UIControls) required on second screen at 320px to 640px.

// added content(UIControls) required on third screen at 640px to 960px.

 

// I have added a UISegmentedControl on Xib file and set an action: - (IBAction)changeTab:(id)sender

 

// Add PangestureRecognizer to view

   UIPanGestureRecognizer *panRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(swipeThroughTabs:)];

   [panRecognizer setMinimumNumberOfTouches:1];

   [panRecognizer setMaximumNumberOfTouches:1];

   [panRecognizer setDelegate:self];

   [self.view addGestureRecognizer:panRecognizer];

}

 

 

-(void)swipeThroughTabs:(id)sender {

   [[[(UITapGestureRecognizer*)sender view] layer] removeAllAnimations];

   

   CGPoint velocity = [(UIPanGestureRecognizer*)sender velocityInView:[sender view]];

   

   if ([(UIPanGestureRecognizer*)sender state] == UIGestureRecognizerStateEnded) {

 

       if (velocity.x < 0) {

           if (segmentedControlForTab.selectedSegmentIndex == 0) {

               [self changeTabManually:1];

           } else if (segmentedControlForTab.selectedSegmentIndex == 1) {

               [self changeTabManually:2];

           }

       } else {

           if (segmentedControlForTab.selectedSegmentIndex == 2) {

               [self changeTabManually:1];

           } else if (segmentedControlForTab.selectedSegmentIndex == 1) {

               [self changeTabManually:0];

           }

       }

       

   }

}

 

-(void)changeTabManually:(NSInteger )selectedIndex {

   [self hideKeyboard];

   [UIView animateWithDuration:0.5

                         delay:0.0

                       options:UIViewAnimationOptionCurveEaseIn

                    animations:^ {

                        [segmentedControlForTab setSelectedSegmentIndex:selectedIndex];

                        CGRect frameOfScrollView = scrollViewSettingPage.frame;

                        switch (selectedIndex) {

                            case 0: {

                                frameOfScrollView.origin.x = 0;

                                scrollViewSettingPage.frame = frameOfScrollView;

                            }

                                break;

                               

                            case 1: {

                                frameOfScrollView.origin.x = -320;

                                scrollViewSettingPage.frame = frameOfScrollView;

                            }

                                break;

                               

                            case 2: {

                                frameOfScrollView.origin.x = -640;

                                scrollViewSettingPage.frame = frameOfScrollView;

                            }

                                break;

                               

                            default:

                                break;

                        }

                    }

                    completion:^(BOOL finished) {

                    }];

}

 

- (IBAction)changeTab:(id)sender {

   [self hideKeyboard];

   UISegmentedControl *segmentedControl = (id)sender;

   

   [UIView animateWithDuration:0.5

                         delay:0.0

                       options:UIViewAnimationOptionCurveEaseIn

                    animations:^ {

                        CGRect frameOfScrollView = scrollViewSettingPage.frame;

                        switch (segmentedControl.selectedSegmentIndex) {

                            case 0: {

                                frameOfScrollView.origin.x = 0;

                                scrollViewSettingPage.frame = frameOfScrollView;

                            }

                                break;

                               

                            case 1: {

                                frameOfScrollView.origin.x = -320;

                                scrollViewSettingPage.frame = frameOfScrollView;

                            }

                                break;

                               

                            case 2: {

                                frameOfScrollView.origin.x = -640;

                                scrollViewSettingPage.frame = frameOfScrollView;

                            }

                                break;

                               

                            default:

                                break;

                        }

                    }

                    completion:^(BOOL finished) {

                    }];

}




Comments

Post a Comment

Popular posts from this blog

payUmoney Payment Gateway Integration in iOS App (Objective C)

Image
We have many Payment Gateways available such as Paypal , CCAvenue , Zaakpay , etc. payUmoney is the best Payment Gateway available in India now; according to me. I am saying this with my personal experience with  payUmoney  Technical Support Team. They offer 2.9% Transaction charges without any Enrolment, Setup, AMC or other Hidden charges. payUmoney Home Page Link:  Home_Page payUmoney Contact Details:  Address:   5th Floor, Pearl Towers Plot 51, Sector 32 Gurgaon, 122002  Phone:   0124-6624956,  0124-6624970  Email:   techsupport@payumoney.com Steps to integrate payUmoney gateway: 1. Create a new iOS Objective C app in XCode. 2. Open Main.storyboard in you app. 3. Add UIWebView and set its Delegate. [Screenshot 1] 4. Set Frames & Constraints as per design requirements. 5. Link UIWebView by creating IBOutlet to either .h or .m file. [Screenshot 2] 6. Signup ...
Read more

UITableView - Add or Remove Rows Dynamically (Objective C & Swift Source codes)

Image
In some situations we need to add or remove rows dynamically from a UITableView. We can achieve it very easily, just got through the tutorial : 1. Create a new project. 2.  In AppDelegate implementation file create an object of UINavigationController (navController here). 3. Add object of UIViewController (viewController here) as rootviewcontroller of UINavigationController. 4. In ViewController.xib nib file take a UITableView. 5. Set delegate and datasource of UITableView to File's Owner. 6. Create an IBOutlet to UITableView (tableViewForScreen here) in ViewControler.h header file. 7. Declare an object of NSMutableArray (arrayForTableContent here) in ViewControler.h header file. 8. In ViewController.m file in viewDidLoad method set edit and add buttons as leftBarButtonItem and rightBarButtonItem respectively. 9. Initialize arrayForTableContent array and add objects to it. ...
Read more

Check Internet Connectivity Using AFNetworking 2.0

I have created  NetworkRechabilityMonitor class to get the Internet Connection status in my app using AFNetworking 2.0 library. 1. Create an NSObject class naming  NetworkRechabilityMonitor , add below code in respective Header & Implementation files.   NetworkRechabilityMonitor.h #import <Foundation/Foundation.h> @interface NetworkRechabilityMonitor : NSObject +( void )startNetworkReachabilityMonitoring; +( BOOL )checkNetworkStatus; @end NetworkRechabilityMonitor.m #import "NetworkRechabilityMonitor.h" @implementation NetworkRechabilityMonitor #pragma mark - Start Monitoring Network Manager +( void )startNetworkReachabilityMonitoring {     [[ AFNetworkReachabilityManager sharedManager ] startMonitoring ]; } #pragma mark - Check Internet Network Status +( BOOL )checkNetworkStatus {     return [ AFNetworkReachabilityManager sharedManager ]. reachable ; } ...
Read more