UI手勢(shì)控件

一蛮艰、拖拽

示例代碼:

復(fù)制代碼

1 //

2 // ?YYViewController.m

3 // ?06-拖拽事件

4 //

5 // ?Created by apple on 14-6-19.

6 // ?Copyright (c) 2014年 itcase. All rights reserved.

7 //

8

9 #import "YYViewController.h"

10

11 @interface YYViewController ()

12 @property (strong, nonatomic) IBOutlet UIView *iconView;

13

14 @end

15

16 @implementation YYViewController

17

18 - (void)viewDidLoad

19 {

20 ? ? [super viewDidLoad];

21

22 ? ? //拖拽事件

23 ? ? UIPanGestureRecognizer *pan=[[UIPanGestureRecognizer alloc]init];

24 ? ? [self.iconView addGestureRecognizer:pan];

25 ? ? [pan addTarget:self action:@selector(panView:)];

26 }

27

28 -(void)panView:(UIPanGestureRecognizer*)pan

29 {

30 ? ? //以控制器上的view的左上角為坐標(biāo)原點(diǎn)

31 ? ? CGPoint point=[pan locationInView:pan.view];

32 ? ? NSLog(@"拖拽事件");

33 ? ? NSLog(@"獲取到的觸摸點(diǎn)的位置為:%@",NSStringFromCGPoint(point));

34

35 ? ? CGPoint point1=[pan translationInView:pan.view];

36 ? ? NSLog(@"拖拽事件1");

37 ? ? NSLog(@"獲取到的觸摸點(diǎn)的位置為:%@",NSStringFromCGPoint(point1));

38

39 ? ? //手指拖動(dòng)社牲,讓自定義的view也跟著手指移動(dòng)

40 ? ? CGPoint temp=self.iconView.center;

41 ? ? temp.x+=point1.x;

42 ? ? temp.y+=point1.y;

43 ? ? self.iconView.center=temp;

44

45 ? ? //清空

46 ? ? [pan setTranslation:CGPointZero inView:pan.view];

47 }

48 @end

復(fù)制代碼

注意點(diǎn):1.注意拖拽事件的位移疊加击狮。

注意數(shù)學(xué)遞增性哪痰,需要在每次調(diào)用完之后進(jìn)行清空處理份名。

2.注意獲取的點(diǎn)是以手指按下的點(diǎn)為原點(diǎn)的。CGPoint point1=[pan translationInView:pan.view];

//以控制器上的view的左上角為坐標(biāo)原點(diǎn) CGPoint point=[pan locationInView:pan.view];

二仿村、旋轉(zhuǎn)

示例代碼:

復(fù)制代碼

1 //

2 // ?YYViewController.m

3 // ?07-旋轉(zhuǎn)

4 //

5 // ?Created by apple on 14-6-19.

6 // ?Copyright (c) 2014年 itcase. All rights reserved.

7 //

8

9 #import "YYViewController.h"

10

11 @interface YYViewController ()

12 @property (weak, nonatomic) IBOutlet UIImageView *iconView;

13

14 @end

15

16 @implementation YYViewController

17

18 - (void)viewDidLoad

19 {

20 ? ? [super viewDidLoad];

21

22 ? ? //旋轉(zhuǎn)

23 ? ? //創(chuàng)建手勢(shì)識(shí)別器(旋轉(zhuǎn))

24 ? ? UIRotationGestureRecognizer *gesture=[[UIRotationGestureRecognizer alloc]init];

25 ? ? //添加手勢(shì)識(shí)別器

26 ? ? [self.iconView addGestureRecognizer:gesture];

27 ? ? //監(jiān)聽(tīng)

28 ? ? [gesture addTarget:self action:@selector(gestureView:)];

29 }

30

31 -(void)gestureView:(UIRotationGestureRecognizer*)gesture

32 {

33

34 ? ? //旋轉(zhuǎn)的弧度:gesture.rotation

35 ? ? NSLog(@"旋轉(zhuǎn)事件疯特,旋轉(zhuǎn)的弧度為:%1f",gesture.rotation);

36

37 ? ? //讓圖片跟隨手指一起旋轉(zhuǎn)

38 ? ? //每次從最初的位置開(kāi)始

39 // ? ?self.iconView.transform=CGAffineTransformMakeRotation(gesture.rotation);

40

41 ? ? //在傳入的transform的基礎(chǔ)上旋轉(zhuǎn)

42 ? ? //在之前的基礎(chǔ)上,讓圖片跟隨一起旋轉(zhuǎn)(去掉自動(dòng)布局)

43 ? ? //注意問(wèn)題:以風(fēng)火輪的速度旋轉(zhuǎn)

44 ? ? self.iconView.transform=CGAffineTransformRotate(self.iconView.transform, gesture.rotation);

45 ? ? //將旋轉(zhuǎn)的弧度清零

46 ? ? //(注意不是將圖片旋轉(zhuǎn)的弧度清零勇婴,而是將當(dāng)前手指旋轉(zhuǎn)的弧度清零)

47 ? ? gesture.rotation=0;

48 }

49 @end

復(fù)制代碼

注意點(diǎn):

1.imageview默認(rèn)為不可交互的忱嘹,且不支持多點(diǎn)觸控,需要在storyboard中勾選這兩項(xiàng)耕渴。

2.旋轉(zhuǎn)的度數(shù)疊加

3.旋轉(zhuǎn)

將旋轉(zhuǎn)弧度清零之后拘悦,每次調(diào)用又從零開(kāi)始。

三橱脸、縮放

復(fù)制代碼

1 //

2 // ?YYViewController.m

3 // ?07-旋轉(zhuǎn)

4 //

5 // ?Created by apple on 14-6-19.

6 // ?Copyright (c) 2014年 itcase. All rights reserved.

7 //

8

9 #import "YYViewController.h"

10

11 @interface YYViewController ()

12 @property (weak, nonatomic) IBOutlet UIImageView *iconView;

13

14 @end

15

16 @implementation YYViewController

17

18 - (void)viewDidLoad

19 {

20 ? ? [super viewDidLoad];

21 ? ? [self pinchTest];

22 ? ? [self gestureTest];

23 }

24

25 -(void)pinchTest

26 {

27 ? ? ? ? //縮放

28 ? ? UIPinchGestureRecognizer *pinch=[[UIPinchGestureRecognizer alloc]init];

29 ? ? [self.iconView addGestureRecognizer:pinch];

30 ? ? [pinch addTarget:self action:@selector(pinchView:)];

31

32 ? ? //設(shè)置代理

33 ? ? pinch.delegate=self;

34 }

35

36 -(void)pinchView:( UIPinchGestureRecognizer* )pinch

37 {

38 ? ? //縮放的比例 ? ?pinch.scale;

39 ? ? NSLog(@"縮放:%f",pinch.scale);

40 ? ? //對(duì)圖片進(jìn)行縮放

41 // ? ?self.iconView.transform=CGAffineTransformMakeScale(pinch.scale,pinch.scale);

42 ? ? //在已有的基礎(chǔ)上對(duì)圖片進(jìn)行縮放

43 ? ? self.iconView.transform=CGAffineTransformScale(self.iconView.transform, pinch.scale, pinch.scale);

44 ? ? //清零

45 ? ? pinch.scale=1.0;

46 }

47 -(void)gestureTest

48 {

49 ? ? //旋轉(zhuǎn)

50 ? ? //創(chuàng)建手勢(shì)識(shí)別器(旋轉(zhuǎn))

51 ? ? UIRotationGestureRecognizer *gesture=[[UIRotationGestureRecognizer alloc]init];

52 ? ? //添加手勢(shì)識(shí)別器

53 ? ? [self.iconView addGestureRecognizer:gesture];

54 ? ? //監(jiān)聽(tīng)

55 ? ? [gesture addTarget:self action:@selector(gestureView:)];

56

57 ? ? //設(shè)置代理

58 ? ? gesture.delegate=self;

59 }

60 -(void)gestureView:(UIRotationGestureRecognizer*)gesture

61 {

62

63 ? ? //旋轉(zhuǎn)的弧度:gesture.rotation

64 ? ? NSLog(@"旋轉(zhuǎn)事件础米,旋轉(zhuǎn)的弧度為:%1f",gesture.rotation);

65

66 ? ? //讓圖片跟隨手指一起旋轉(zhuǎn)

67 ? ? //每次從最初的位置開(kāi)始

68 // ? ?self.iconView.transform=CGAffineTransformMakeRotation(gesture.rotation);

69

70 ? ? //在傳入的transform的基礎(chǔ)上旋轉(zhuǎn)

71 ? ? //在之前的基礎(chǔ)上,讓圖片跟隨一起旋轉(zhuǎn)(去掉自動(dòng)布局)

72 ? ? //注意問(wèn)題:以風(fēng)火輪的速度旋轉(zhuǎn)

73 ? ? self.iconView.transform=CGAffineTransformRotate(self.iconView.transform, gesture.rotation);

74 ? ? //將旋轉(zhuǎn)的弧度清零

75 ? ? //(注意不是將圖片旋轉(zhuǎn)的弧度清零慰技,而是將當(dāng)前手指旋轉(zhuǎn)的弧度清零)

76 ? ? gesture.rotation=0;

77 }

78

79 //實(shí)現(xiàn)代理方法

80 -(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer

81 {

82 ? ? //默認(rèn)為NO,這里設(shè)置為YES

83 ? ? return YES;

84 }

85 @end

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末椭盏,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子吻商,更是在濱河造成了極大的恐慌掏颊,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異乌叶,居然都是意外死亡盆偿,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)准浴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)事扭,“玉大人,你說(shuō)我怎么就攤上這事乐横∏箝希” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵葡公,是天一觀的道長(zhǎng)罐农。 經(jīng)常有香客問(wèn)我,道長(zhǎng)催什,這世上最難降的妖魔是什么涵亏? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮蒲凶,結(jié)果婚禮上气筋,老公的妹妹穿的比我還像新娘。我一直安慰自己旋圆,他們只是感情好宠默,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著臂聋,像睡著了一般光稼。 火紅的嫁衣襯著肌膚如雪或南。 梳的紋絲不亂的頭發(fā)上孩等,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音采够,去河邊找鬼肄方。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蹬癌,可吹牛的內(nèi)容都是我干的权她。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼逝薪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼隅要!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起董济,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤步清,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體廓啊,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡欢搜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了谴轮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炒瘟。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖第步,靈堂內(nèi)的尸體忽然破棺而出疮装,到底是詐尸還是另有隱情,我是刑警寧澤粘都,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布斩个,位于F島的核電站,受9級(jí)特大地震影響驯杜,放射性物質(zhì)發(fā)生泄漏受啥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一鸽心、第九天 我趴在偏房一處隱蔽的房頂上張望滚局。 院中可真熱鬧,春花似錦顽频、人聲如沸藤肢。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)嘁圈。三九已至,卻和暖如春蟀淮,著一層夾襖步出監(jiān)牢的瞬間最住,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工怠惶, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留涨缚,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓策治,卻偏偏與公主長(zhǎng)得像脓魏,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子通惫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容