溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

iOS中怎么利用CATransition實(shí)現(xiàn)翻頁旋轉(zhuǎn)效果

發(fā)布時(shí)間:2021-08-11 13:59:16 來源:億速云 閱讀:154 作者:Leah 欄目:編程語言

這篇文章將為大家詳細(xì)講解有關(guān)iOS中怎么利用CATransition實(shí)現(xiàn)翻頁旋轉(zhuǎn)效果,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

#import <UIKit/UIKit.h>@interface ViewController : UIViewController@end#import "ViewController.h"//獲得屏幕的寬高#define mainW [UIScreen mainScreen].bounds.size.width#define mainH [UIScreen mainScreen].bounds.size.height@interface ViewController ()@property (nonatomic, strong) NSArray *typeArray;@end@implementation ViewController- (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor greenColor]; //創(chuàng)建控件 [self creatControl]; _typeArray = @[kCATransitionFade, kCATransitionPush, kCATransitionMoveIn, kCATransitionReveal, @"cube", @"suckEffect", @"oglFlip", @"rippleEffect", @"pageCurl", @"pageUnCurl", @"cameraIrisHollowOpen", @"cameraIrisHollowClose"];}- (void)creatControl{ NSArray *titleArray = @[@"淡化效果", @"推進(jìn)效果", @"滑入效果", @"滑出效果", @"立方體效果", @"吮吸效果", @"翻轉(zhuǎn)效果", @"波紋效果", @"翻頁效果", @"反翻頁效果", @"開鏡頭效果", @"關(guān)鏡頭效果"]; for (int i = 0; i < titleArray.count; i++) {  CGFloat X = i % 2 == 0 ? mainW * 0.1 : mainW * 0.6;  CGFloat Y = 64 + i / 2 * mainW * 0.15;  UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(X, Y, mainW * 0.3, mainW * 0.1)];  btn.tag = i;  [btn setBackgroundColor:[UIColor colorWithRed:0.6f green:0.7f blue:0.6f alpha:0.7f]];  [btn setTitle:titleArray[i] forState:UIControlStateNormal];  [btn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside];  [self.view addSubview:btn]; }}- (void)btnOnClick:(UIButton *)btn{ static int i = 0; i = i == 0 ? 1 : 0; self.view.backgroundColor = i == 0 ? [UIColor greenColor] : [UIColor yellowColor]; //創(chuàng)建CATransition對象 CATransition *animation = [CATransition animation]; //設(shè)置時(shí)間 animation.duration = 1.0f; //設(shè)置類型 animation.type = _typeArray[btn.tag]; //設(shè)置方向 animation.subtype = kCATransitionFromRight; //設(shè)置運(yùn)動(dòng)速度變化 animation.timingFunction = UIViewAnimationOptionCurveEaseInOut; [self.view.layer addAnimation:animation forKey:@"animation"];}@end

CATransition.type動(dòng)畫類型:

kCATransitionFade   //淡化效果kCATransitionPush   //推進(jìn)效果kCATransitionMoveIn  //滑入效果kCATransitionReveal  //滑出效果@"cube"        //立方體效果@"suckEffect"      //吮吸效果@"oglFlip"        //翻轉(zhuǎn)效果@"rippleEffect"      //波紋效果@"pageCurl"       //翻頁效果@"pageUnCurl"      //反翻頁效果@"cameraIrisHollowOpen"  //開鏡頭效果@"cameraIrisHollowClose"  //關(guān)鏡頭效果

關(guān)于iOS中怎么利用CATransition實(shí)現(xiàn)翻頁旋轉(zhuǎn)效果就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI