如何在iOS上实现苹果电脑最小化窗口时的“神奇效果”(即吸入吸出效果在iPhone上的实现)


先看一下效果




1.首先创建一个新工程,结构是TabbarViewController+UIViewController*4

@interface AppDelegate ()
{
    UITabBarController                  *tabBarController;
    NSMutableArray                      *isInArray;         // 标记动画方向
    UIViewController                    *controller;        //一个全局VC
}

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    //
    //初始化window设置其背景图
    //
    self.window = [[UIWindow alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH_NEW, SCREEN_HEIGHT_NEW)];
    UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"b%d",5]]];
    imageView.frame = self.window.frame;
    [self.window addSubview:imageView];
    
    //
    //array:存放4个透明VC(为了正常显示系统的TabBar和其点击事件)。第一个VC默认设置微信截图
    //
    NSMutableArray *array = [[NSMutableArray alloc]initWithCapacity:4];
    
    NSArray *titleArray = @[@"微信",@"通讯录",@"发现",@"我"];
    
    for(int i = 0 ; i < 4 ; i ++){
        UIViewController *controller_ = [[UIViewController alloc]init];
        [array addObject:controller_];
        
        UITabBarItem *item = [[UITabBarItem alloc]initWithTitle:titleArray[i] image:[UIImage imageNamed:[NSString stringWithFormat:@"%d",i+1]] tag:i];
        controller_.tabBarItem = item;
        
        if (i == 0) {
            UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"b%d",i+1]]];
            imageView.frame = self.window.frame;
            [controller_.view addSubview:imageView];
            
        }
    }
    
    
    tabBarController = [[UITabBarController alloc]init];
    
    tabBarController.viewControllers = array;
    
    tabBarController.delegate = self;
    
    self.window.rootViewController = tabBarController;
    [self.window makeKeyAndVisible];
    
    
    //
    //全局VC,展示不同截图
    //
    controller = [[UIViewController alloc]init];
    
    
    
    //
    //动画方向
    //
    isInArray = @[[NSNumber numberWithBool:NO],
                  [NSNumber numberWithBool:YES],
                  [NSNumber numberWithBool:YES],
                  [NSNumber numberWithBool:YES]].mutableCopy;
    
    return YES;
}

2 实现UITabBarControllerDelegate

-(void)tabBarController:(UITabBarController *)tabBarControllerLocal didSelectViewController:(UIViewController *)viewController{
    
    NSLog(@"%lu",(unsigned long)tabBarController.selectedIndex);
    
    //
    //tabBarItem点击后 就把默认图移除
    //
    [tabBarController.viewControllers[0].view removeAllSubviews];
    
    //
    //设置对应截图
    //
    UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"b%lu",tabBarController.selectedIndex+1]]];
    imageView.frame = self.window.frame;
    [controller.view addSubview:imageView];
    
    [tabBarController.view insertSubview:controller.view belowSubview:tabBarController.tabBar];
    
    //
    //开始动画
    //
    [self genieToRect:CGRectMake(0, 0, 0, 0) edge:BCRectEdgeTop ];
    
    
}
3 实现动画方法 。从github上下载UIView+Genie这个开源代码,然后引入UIView+Genie。地址https://github.com/Ciechan/BCGenieEffect/

- (void) genieToRect: ( CGRect)rect2 edge: (BCRectEdge) edge
{
    
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

        //
        //isin = NO执行的是向下回收的动画  一个页面下来 其他的应该都下去
        //
        
        //
        //不同的起始位置
        //
        CGRect rect = CGRectMake(SCREEN_WIDTH_NEW/4* tabBarController.selectedIndex, SCREEN_HEIGHT_NEW +100, SCREEN_WIDTH_NEW / 5, 20);
        
        UIView *tranView = controller.view;
        
        BOOL isin = [isInArray[tabBarController.selectedIndex] boolValue];
        
        if (isin  == NO) {
            //
            //向下
            //
            for (int i = 0; i < isInArray.count; i ++) {
                if (i != tabBarController.selectedIndex) {
                    
                    [isInArray replaceObjectAtIndex:i withObject:[NSNumber numberWithBool:YES]];
                    
                    tabBarController.viewControllers[i].view.frame = CGRectMake(SCREEN_WIDTH_NEW/4* i, SCREEN_HEIGHT_NEW +20, SCREEN_WIDTH_NEW/5, 20);;
                }
            }

        }else{
            //
            //向上
            //
            for (int i = 0; i < isInArray.count; i ++) {
                if (i != tabBarController.selectedIndex) {
                   
                    [isInArray replaceObjectAtIndex:i withObject:[NSNumber numberWithBool:YES]];
                    
                    tabBarController.viewControllers[i].view.frame = CGRectMake(SCREEN_WIDTH_NEW/4* i, SCREEN_HEIGHT_NEW +20, SCREEN_WIDTH_NEW/5, 20);;
                    
                }
            }
            
        }

        NSTimeInterval duration = 0.5;
        
        tabBarController.tabBar.userInteractionEnabled = NO;
        
        CGRect endRect = rect;
        

        if (isin) {
            
            [tranView genieOutTransitionWithDuration:duration startRect:endRect startEdge:edge completion:^{
                
                BOOL isInLocal = [isInArray[tabBarController.selectedIndex] boolValue];
                
                [isInArray replaceObjectAtIndex:tabBarController.selectedIndex withObject:[NSNumber numberWithBool:!isInLocal]];
                
                tabBarController.tabBar.userInteractionEnabled = YES;
                
            }];
        } else {
            NSLog(@"xia");
            [tranView genieInTransitionWithDuration:duration destinationRect:endRect destinationEdge:edge completion:
             ^{
                 BOOL isInLocal = [isInArray[tabBarController.selectedIndex] boolValue];
                 
                 [isInArray replaceObjectAtIndex:tabBarController.selectedIndex withObject:[NSNumber numberWithBool:!isInLocal]];
                 
                 tabBarController.tabBar.userInteractionEnabled = YES;
                 
             }];
            
            
        }
    });
}


demo 下载 http://download.csdn.net/detail/qq_15509071/9824864




你可能感兴趣的:(ios,神奇效果,吸入吸出,动画)