舉例講解iOS開發(fā)中拖動視圖的實現(xiàn)
預備知識
iOS處理屏幕上的觸摸動作,主要涉及到以下幾個方法:
touchesBegan:withEvent: //觸摸屏幕的最開始被調用
touchesMoved:withEvent: //移動過程中被調用
touchesEnded:withEvent: //動作結束時被調用
touchesCancelled:WithEvent:
從方法的命名可以清晰的看出該方法何時被調用,最后一個比較特殊。touchesCancelled:WithEvent:在Cocoa Touch必須響應持續(xù)觸摸事件的系統(tǒng)中斷時調用。
我們只要重寫這些方法,來作我們想要作的事情就可以了。
如何實現(xiàn)拖動視圖?
1.設置userInteractionEnabled屬性為YES,允許用戶交互。
2.在觸摸動作開始時記錄起始點。
3.在移動過程中,計算當前位置坐標與起始點的差值,即偏移量,并且移動視圖中心點至偏移量大小的地方。
4.分別限制x坐標、與y坐標,保證用戶不可將視圖托出屏幕
備注:分別限制x坐標與y坐標的原因是,即使向右拖動不了了,仍需保證可以向下拖動。
其實,功能比較簡單,就是iOS手勢動畫中的拖動。來看一下基本的寫法:
1.注冊拖動動畫
UIPanGestureRecognizer * panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self
action:@selector(doHandlePanAction:)];
[self.vLight addGestureRecognizer:panGestureRecognizer];
注:vLight就是要加入拖動的View子類。
2.拖動處理函數(shù)
- (void) doHandlePanAction:(UIPanGestureRecognizer *)paramSender{
CGPoint point = [paramSender translationInView:self.view];
NSLog(@"X:%f;Y:%f",point.x,point.y);
paramSender.view.center = CGPointMake(paramSender.view.center.x + point.x, paramSender.view.center.y + point.y);
[paramSender setTranslation:CGPointMake(0, 0) inView:self.view];
}
實現(xiàn)代碼
以子類化UIImageView為例
#import <UIKit/UIKit.h>
@interface GragView : UIImageView
{
CGPoint startPoint;
}
@end
#import "GragView.h"
@implementation GragView
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
//允許用戶交互
self.userInteractionEnabled = YES;
}
return self;
}
- (id)initWithImage:(UIImage *)image
{
self = [super initWithImage:image];
if (self) {
//允許用戶交互
self.userInteractionEnabled = YES;
}
return self;
}
- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
//保存觸摸起始點位置
CGPoint point = [[touches anyObject] locationInView:self];
startPoint = point;
//該view置于最前
[[self superview] bringSubviewToFront:self];
}
-(void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
//計算位移=當前位置-起始位置
CGPoint point = [[touches anyObject] locationInView:self];
float dx = point.x - startPoint.x;
float dy = point.y - startPoint.y;
//計算移動后的view中心點
CGPoint newcenter = CGPointMake(self.center.x + dx, self.center.y + dy);
/* 限制用戶不可將視圖托出屏幕 */
float halfx = CGRectGetMidX(self.bounds);
//x坐標左邊界
newcenter.x = MAX(halfx, newcenter.x);
//x坐標右邊界
newcenter.x = MIN(self.superview.bounds.size.width - halfx, newcenter.x);
//y坐標同理
float halfy = CGRectGetMidY(self.bounds);
newcenter.y = MAX(halfy, newcenter.y);
newcenter.y = MIN(self.superview.bounds.size.height - halfy, newcenter.y);
//移動view
self.center = newcenter;
}
/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
// Drawing code
}
*/
@end

相關文章
ios開發(fā)navigationController pushViewController 方式多次跳轉返回到最上層返回到
這篇文章主要介紹了ios開發(fā)navigationController pushViewController 方式多次跳轉返回到最上層返回到指定的某一層的實現(xiàn)方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09
iOS使用核心動畫和粒子發(fā)射器實現(xiàn)點贊按鈕的方法
這篇文章主要給大家介紹了iOS如何使用核心動畫和粒子發(fā)射器實現(xiàn)點贊按鈕的方法,文中給出了詳細的示例代碼,相信對大家的理解和學習具有一定的參考借鑒,有需要的朋友們下面跟著小編一起來學習學習吧。2016-12-12
IOS-MVC層讀取服務器接口JSON數(shù)據(jù)
這篇文章主要為大家詳細介紹了IOS-MVC層讀取服務器接口JSON數(shù)據(jù),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12
iOS開發(fā)中Swift3 監(jiān)聽UITextView文字改變的方法(三種方法)
在項目中使用文本輸入框出UITextField之外還會經(jīng)常使用 UITextView ,難免會有需求監(jiān)聽UITextView文本框內文本數(shù)量.下面介紹在swift3中兩種常用方式,需要的朋友參考下吧2016-11-11
iOS實現(xiàn)自動循環(huán)播放的banner實例詳解
輪播視圖通常也叫Banner,90%以上App都會用到的一個控件,網(wǎng)上有很多開源代碼,下面這篇文章主要給大家介紹了關于利用iOS如何實現(xiàn)自動循環(huán)播放的banner的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下。2017-12-12
iOS保存App中的照片到系統(tǒng)相冊或自建相冊的方法
這篇文章主要介紹了iOS保存App中的照片到系統(tǒng)相冊或自建相冊的方法,示例代碼為傳統(tǒng)的Objective-C語言寫成,需要的朋友可以參考下2016-04-04

