{"id":572,"date":"2018-02-23T23:40:07","date_gmt":"2018-02-23T15:40:07","guid":{"rendered":"http:\/\/60.205.208.74\/2018\/02\/23\/ios%e8%a7%86%e5%9b%be%e5%88%87%e6%8d%a2view-transitions\/"},"modified":"2018-02-23T23:40:07","modified_gmt":"2018-02-23T15:40:07","slug":"ios%e8%a7%86%e5%9b%be%e5%88%87%e6%8d%a2view-transitions","status":"publish","type":"post","link":"https:\/\/www.puzi7.net\/?p=572","title":{"rendered":"iOS\u89c6\u56fe\u5207\u6362(View Transitions)"},"content":{"rendered":"
\n
\n

IOS\u89c6\u56fe\u5207\u6362\u7684\u4f7f\u7528<\/h2>\n

\u89c6\u56fe\u5207\u6362\u901a\u8fc7\u4e00\u7cfb\u5217\u52a8\u753b\u6548\u679c\u5b9e\u73b0,\u5305\u62ec\u6298\u53e0\u5207\u6362\u3001\u7206\u70b8\u5207\u6362\u3001\u5361\u7247\u5f0f\u5207\u6362\u7b49\u7b49\u3002<\/p>\n

\u4fee\u6539 ViewController.xib\uff0c\u5982\u4e0b\u6240\u793a<\/h3>\n

\"viewTransition\"<\/p>\n

\u5728 xib \u4e2d\u521b\u5efa\u6309\u94ae\u7684\u64cd\u4f5c<\/p>\n

\u4fee\u6539 ViewController.h<\/h3>\n
\n#import <UIKit\/UIKit.h>\n\n@interface ViewController : UIViewController\n{\n    UIView *view1;\n    UIView *view2;\n}\n\n-(IBAction)flipFromLeft:(id)sender;\n-(IBAction)flipFromRight:(id)sender;\n-(IBAction)flipFromTop:(id)sender;\n-(IBAction)flipFromBottom:(id)sender;\n-(IBAction)curlUp:(id)sender;\n-(IBAction)curlDown:(id)sender;\n-(IBAction)dissolve:(id)sender;\n-(IBAction)noTransition:(id)sender;\n\n@end\n<\/pre>\n
\u5728 ViewController \u7c7b\u4e2d\u58f0\u660e\u4e24\u4e2a\u89c6\u56fe\u7684\u5b9e\u4f8b\u3002ViewController.h\u6587\u4ef6\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
\u4fee\u6539 ViewController.m<\/h3>\n
\u6211\u4eec\u5c06\u6dfb\u52a0\u81ea\u5b9a\u4e49\u65b9\u6cd5setUpView\u6765\u521d\u59cb\u5316\u89c6\u56fe\u3002<\/p>\n
\u6211\u4eec\u8fd8\u5c06\u521b\u5efa\u4e86\u53e6\u4e00\u79cd\u65b9\u6cd5doTransitionWithType: \u5b9e\u73b0view1\u5207\u6362\u5230view2\uff0c\u53cd\u4e4b\u4ea6\u7136\u3002<\/p>\n
\u540e\u6211\u4eec\u5c06\u6267\u884c\u4e4b\u524d\u521b\u5efa\u7684\u64cd\u4f5c\u7684\u65b9\u6cd5\u5373\u8c03\u7528 doTransitionWithType: \u65b9\u6cd5\u4e0e\u5207\u6362\u7c7b\u578b\u3002ViewController.m\u4ee3\u7801\u5982\u4e0b:<\/p>\n
\n#import \"ViewController.h\"\n\n@interface ViewController ()\n\n@end\n\n@implementation ViewController\n\n- (void)viewDidLoad\n{\n    [super viewDidLoad];\n    [self setUpView];\n\u00a0\u00a0\u00a0\u00a0\/\/ Do any additional setup after loading the view, typically from a nib.\n}\n\n-(void)setUpView{\n    view1 = [[UIView alloc]initWithFrame:self.view.frame];\n    view1.backgroundColor = [UIColor lightTextColor];\n    view2 = [[UIView alloc]initWithFrame:self.view.frame];\n    view2.backgroundColor = [UIColor orangeColor];\n    [self.view addSubview:view1];\n    [self.view sendSubviewToBack:view1];\n\n}\n\n-(void)doTransitionWithType:(UIViewAnimationTransition)animationTransitionType{\n    if ([[self.view subviews] containsObject:view2 ]) {\n        [UIView transitionFromView:view2\n                            toView:view1\n                          duration:2\n                           options:animationTransitionType\n                        completion:^(BOOL finished){\n                            [view2 removeFromSuperview];\n                        }];\n        [self.view addSubview:view1];\n        [self.view sendSubviewToBack:view1];\n    }\n    else{\n        \n        [UIView transitionFromView:view1\n                            toView:view2\n                          duration:2\n                           options:animationTransitionType\n                        completion:^(BOOL finished){\n                            [view1 removeFromSuperview];\n                        }];\n        [self.view addSubview:view2];\n        [self.view sendSubviewToBack:view2];\n        \n    }\n}\n\n\n-(IBAction)flipFromLeft:(id)sender\n{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromLeft];\n  \n}\n-(IBAction)flipFromRight:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromRight];\n\n}\n-(IBAction)flipFromTop:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromTop];\n\n}\n-(IBAction)flipFromBottom:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionFlipFromBottom];\n\n}\n-(IBAction)curlUp:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionCurlUp];\n\n}\n-(IBAction)curlDown:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionCurlDown];\n\n}\n-(IBAction)dissolve:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionCrossDissolve];\n\n}\n-(IBAction)noTransition:(id)sender{\n    [self doTransitionWithType:UIViewAnimationOptionTransitionNone];\n\n}\n\n- (void)didReceiveMemoryWarning\n{\n    [super didReceiveMemoryWarning];\n    \/\/ Dispose of any resources that can be recreated.\n}\n\n@end\n<\/pre>\n
\u8f93\u51fa<\/h3>\n
\u73b0\u5728\u5f53\u6211\u4eec\u8fd0\u884c\u8be5\u5e94\u7528\u7a0b\u5e8f\u6211\u4eec\u4f1a\u770b\u5230\u4e0b\u9762\u7684\u8f93\u51fa<\/p>\n
\"viewTransitionOutput1\"\n<\/p>\n
\u60a8\u53ef\u4ee5\u9009\u62e9\u4e0d\u540c\u7684\u6309\u94ae\uff0c\u770b\u5207\u6362\u662f\u5982\u4f55\u5de5\u4f5c\u3002\u9009\u62e9\u8737\u7f29\u5207\u6362\u5c06\u6548\u679c\u5982\u4e0b\u6240\u793a<\/p>\n
\n\"viewTransitionOutput2\"<\/p>\n<\/p><\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
IOS\u89c6\u56fe\u5207\u6362\u7684\u4f7f\u7528 \u89c6\u56fe\u5207\u6362\u901a\u8fc7\u4e00\u7cfb\u5217\u52a8\u753b\u6548\u679c\u5b9e\u73b0,\u5305\u62ec\u6298\u53e0\u5207\u6362\u3001\u7206\u70b8\u5207\u6362\u3001\u5361\u7247\u5f0f\u5207\u6362\u7b49…<\/span><\/p>\n
Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,26],"tags":[74,93],"class_list":["post-572","post","type-post","status-publish","format-standard","hentry","category-ios","category-mobile","tag-ios","tag-mobile","zoom-theme-has-thumb"],"_links":{"self":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts\/572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=572"}],"version-history":[{"count":0,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=\/wp\/v2\/posts\/572\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.puzi7.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}