ios開發抽屜效果的封裝使用

標籤：

#import "DragerViewController.h"#define screenW [UIScreen mainScreen].bounds.size.width@interface DragerViewController ()/** <#注釋#> */@property (nonatomic, weak)  UIView *leftV;@property (nonatomic, weak)  UIView *rightV;@property (nonatomic, weak)  UIView *mainV;@end@implementation DragerViewController- (void)viewDidLoad {    [super viewDidLoad];    //1：添加子控制項    [self setUp];            //2：添加拖拽平移手勢    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];    [self.mainV addGestureRecognizer:pan];            //3：給控制器的View添加點按手勢：給控制器添加手勢，無論點擊的是上部的view還是底部的view，控制器都會去響應事件。    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap)];    [self.view addGestureRecognizer:tap];}#pragma mark -- tap輕擊事件，讓抽屜複位- (void)tap{    //讓MainV複位        [UIView animateWithDuration:0.5 animations:^{        self.mainV.frame = self.view.bounds;    }];}#pragma mark -- 拖拽平移手勢事件/** * 1:像是#define 和 static等都可以在@implementation之上定義，或是之下定義均可以 */#define targetR 275#define targetL -275- (void)pan:(UIPanGestureRecognizer *)pan{          /**     1:為什麼不使用transform,是因為我們還要去修改高度,使用transform,只能修改,x,y,累加形變（y方向不需要平移）       self.mainV.transform = CGAffineTransformTranslate(self.mainV.transform, transP.x, 0);     2:修改控制項的frame：1：可以用frame去修改  2：可以利用transform去修改，旋轉，平移，縮放，累加形變和非累加形變，清空形變，類型為CGAffineTransform類型     3：將修改frame的方法封裝起來，外界傳一個x值，返回一個修改後的frame的值。     *     */        //1：擷取位移量    CGPoint transP = [pan  translationInView:self.mainV];    self.mainV.frame = [self frameWithOffsetX:transP.x];        /**     *1:通過x值判斷是向左平移還是向右平移：大於0向右平移，小於0向左平移。通過顯示和隱藏來控制左右到底顯示哪個view      2：view添加的順序，mainView在最上層，均添加到了self.view上     *     */        //2：判斷拖動的方向，顯示不同的view    if(self.mainV.frame.origin.x > 0){        //向右        self.rightV.hidden = YES;    }else if(self.mainV.frame.origin.x < 0){        //向左        self.rightV.hidden = NO;    }        //3：當手指鬆開時,做自動定位.    CGFloat target = 0;    if (pan.state == UIGestureRecognizerStateEnded) {                if (self.mainV.frame.origin.x > screenW * 0.5 ) {            //1判斷在右側            //當前View的x有沒有大於螢幕寬度的一半,大於就是在右側            target = targetR;        }else if(CGRectGetMaxX(self.mainV.frame) < screenW * 0.5){            //2.判斷在左側            //當前View的最大的x有沒有小於螢幕寬度的一半,小於就是在左側            target = targetL;        }                       //計算當前mainV的frame.        CGFloat offset = target - self.mainV.frame.origin.x;        [UIView animateWithDuration:0.5 animations:^{            self.mainV.frame =  [self frameWithOffsetX:offset];        }];                    }        //4：複位：進行複位操作的目的是：讓其根據上一次的平移進行平移而不是每次都根據初始位置進行平移    [pan setTranslation:CGPointZero inView:self.mainV];    }#define maxY 100#pragma mark --根據位移量計算MainV的frame- (CGRect)frameWithOffsetX:(CGFloat)offsetX {        //當進行拖拽平移的時候，更改mainView的的x值和高度    /**     *    1:x值是累加形變的，所以是frame.origin.x += offsetX        2：求最大y值，設最大的y值為100，用當前的x值乘以最大y值與螢幕的寬度比        3：求拖拽平移的高度：螢幕高度 - 2倍的最大的y值，並返回frame        4：fabs：對計算結果取絕對值，因為當向左滑動的時候，x值為負數     */    //1：x值    CGRect frame = self.mainV.frame;    frame.origin.x += offsetX;    //當拖動的View的x值等於螢幕寬度時,maxY為最大,最大為100    // 375 * 100 / 375 = 100    //對計算的結果取絕對值    CGFloat y =  fabs( frame.origin.x *  maxY / screenW);    frame.origin.y = y;            //2：螢幕的高度減去兩倍的Y值    frame.size.height = [UIScreen mainScreen].bounds.size.height - (2 * frame.origin.y);        return frame;}/** *    添加view：此時的view以屬性修飾，用weak修飾，self.leftV = leftV;可以寫在addSubview之前或是之後，都能保證weak指向的對象不會被銷毀。 */- (void)setUp{        //leftV    UIView *leftV = [[UIView alloc] initWithFrame:self.view.bounds];    leftV.backgroundColor = [UIColor blueColor];    self.leftV = leftV;    [self.view addSubview:leftV];    //rightV    UIView *rightV = [[UIView alloc] initWithFrame:self.view.bounds];    rightV.backgroundColor = [UIColor greenColor];    self.rightV = rightV;    [self.view addSubview:rightV];    //mianV    UIView *mainV = [[UIView alloc] initWithFrame:self.view.bounds];    mainV.backgroundColor = [UIColor redColor];    self.mainV = mainV;    [self.view addSubview:mainV];}/** *      思路總結：  1：具體思路：1：自訂控制器，在控制器的view上分別添加左右抽屜和mainview，並給mainView添加平移手勢，給self.view添加輕擊手勢，雖然點擊的是mainView或是其他的view,但是響應事件的就是self.view  2:1：在平移手勢的方法中，獲得平移的距離，此時改變mainView的frame有兩種方法，transform累加形變或是直接更改frame，使用transform不能設定其高度，所以用更改frame的方法。將更改frame的方法封裝起來外界傳入位移的x值，返回一個mainView的frame。2：1：設定frame的x值，x值是累加形變的，frame.origin.x += offsetX;並根據x值平移的比例計算y值並計算高度， CGFloat y =  fabs( frame.origin.x *  maxY / screenW);frame.origin.y = y;因為要考慮向左或是向右平移所以取絕對值，設定y值，並計算高度返回frame。3：在根據判斷向左還是向右平移來顯示或隱藏左右抽屜，（根據x值的正負來判斷）4：再判斷手指離開時自動複位，根據x值和最大x值和螢幕寬度的一半進行比較，來傳入x值設定frame，最後將唯一歸0，為了基於上次平移來計算  3：點擊抽屜或是mainView來使其複原。就直接更改mainView的frame就可以了 */@end

二：抽屜效果的使用：

1：當我們用別人封裝好的架構時，若不是不符合需求盡量不要修改原始碼，採用繼承的方式去利用別人封裝好的架構

2：當我們已經在xib或是storyboard中拖進去控制項的時候，此時又建立立了一個類，想與xib或是storyboard中的拖進去的控制項相關聯，此時可以在xib或是storyboard中去設定：

3：對於左右抽屜頁面的商務邏輯處理一般不交給view處理，複雜的商務邏輯都交給控制器去處理，所以左右抽屜的view都添加控制器的view，而且當控制器的view互為父子關係時，則控制其器也應該互為父子關係

4:當我們去封裝一個架構的時候，不希望外界去更改暴露的介面時，可以用readonly屬性修飾。則在自身類的.m中不能用self去訪問該屬性變數只能用底線的成員變數去賦值。且在外部既不能利用self去訪問底線的成員變數，也不能用底線成員變數去訪問。

 

ios開發抽屜效果的封裝使用