IOS 开发之UIView动画的实例详解

2025-05-29 0 62

ios 动画实例详解

ios动画的实现方式多种多样,这里就只记录一下 beginanimations:context 。

在你调用 beginanimations:context:方法来启动一个动画后,动画并不会立即被执行,直 到你调用 uiview 类的 commitanimations 类方法。你对一个视图对象执行的介于 beginanimations:context:方法跟 commitanimations方法之间的操作(例如移动)会在 commitanimations 被执行后才会生效 。

实现效果图:

IOS 开发之UIView动画的实例详解IOS 开发之UIView动画的实例详解

代码很简单,直接贴了,如下:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117
//

// viewcontroller.m

// graphics

//

// created by aaron on 14b-5-29.

// copyright (c) 2014年 the technology studio. all rights reserved.

//

#import "viewcontroller.h"

@interface viewcontroller ()

@property(nonatomic,strong) uiimageview *imageview1;

@property(nonatomic,strong) uiimageview *imageview2;

@end

@implementation viewcontroller

- (void)viewdidload

{

[super viewdidload];

uiimage *image = [uiimage imagenamed:@"1.png"];

self.imageview1 = [[uiimageview alloc] initwithimage:image];

self.imageview2 = [[uiimageview alloc] initwithimage:image];

[self.imageview1 setframe:cgrectmake(0.0f,

0.0f,

100.0f,

100.0f)];

[self.imageview2 setframe:cgrectmake(220.0f,

350.0f,

100.0f,

100.0f)];

[self.view addsubview:self.imageview1];

[self.view addsubview:self.imageview2];

// [self starttopleftimageviewanimation];

// [self startbottomrightviewanimationafterdelay:2];

[self affinetransformscaleanimation];

[self affinetransformrotateanimation];

}

//imageview2 animation

-(void)starttopleftimageviewanimation{

[self.imageview1 setframe:cgrectmake(0.0f,

0.0f,

100.0f,

100.0f)];

[self.imageview1 setalpha:1.0f];

[uiview beginanimations:@"imageview1animation" context:(__bridge void*)self.imageview1];

[uiview setanimationduration:3.0f];

[uiview setanimationdelegate:self];

[uiview setanimationdidstopselector:@selector(imageviewdidstop:finished:context:)];

[self.imageview1 setframe:cgrectmake(220.0f, 350.0f, 100.0f, 100.0f)];

[self.imageview1 setalpha:0.0f];

[uiview commitanimations];

}

-(void)imageviewdidstop:(nsstring*)paramanimationid finished:(nsnumber*)paramfinished context:(void*)paramcontext{

nslog(@"animationid = %@\\n",paramanimationid);

uiimageview *contextimageview = (__bridge uiimageview *)(paramcontext);

nslog(@"contextimageview = %@",contextimageview);

[contextimageview removefromsuperview];

}

//imageview2 animation

-(void)startbottomrightviewanimationafterdelay:(cgfloat)paramdelay{

[self.imageview2 setframe:cgrectmake(220.0f,

350.0f,

100.0f,

100.0f)];

[self.imageview2 setalpha:1.0f];

[uiview beginanimations:@"imageview2animation" context:(__bridge voidvoid *)(self.imageview2)];

[uiview setanimationduration:3.0f];

[uiview setanimationdelay:paramdelay];

[uiview setanimationdelegate:self];

[uiview setanimationdidstopselector:@selector(imageviewdidstop:finished:context:)];

[self.imageview2 setframe:cgrectmake(0.0f, 0.0f, 100.0f, 100.0f)];

[self.imageview2 setalpha:0.0f];

[uiview commitanimations];

}

//imageview1 affinetransformscale animation

-(void)affinetransformscaleanimation{

self.imageview1.center = self.view.center;

self.imageview1.transform = cgaffinetransformidentity;

[uiview beginanimations:nil context:null];

[uiview setanimationduration:5.0f];

self.imageview1.transform = cgaffinetransformmakescale(2.0f, 2.0f);

[self.imageview1 setalpha:0.0f];

[uiview commitanimations];

}

//imageview2 affinetransformrotate animation

-(void)affinetransformrotateanimation{

self.imageview2.center = self.view.center;

[uiview beginanimations:@"clockwiseanimation" context:null];

[uiview setanimationduration:5.0f];

[uiview setanimationdelegate:self];

[uiview setanimationdidstopselector:@selector(clockwiserotationstopped:finished:context:)];

self.imageview2.transform = cgaffinetransformmakerotation(90.0f*m_pi/180.f);

[uiview commitanimations];

}

-(void)clockwiserotationstopped:(nsstring*)paramanimationid finished:(nsnumber*)paramfinished context:(void*)paramcontext{

[uiview beginanimations:@"counterclockwiseanimation" context:null];

[uiview setanimationduration:5.0f];

self.imageview2.transform = cgaffinetransformidentity;

[uiview commitanimations];

}

@end

以上就是关于ios动画开发的实例,本站对于ios 开发还有很多教程,大家可以搜索查阅!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 IOS 开发之UIView动画的实例详解 https://www.kuaiidc.com/90809.html

相关文章

发表评论
暂无评论