iOS實現簡易的抽屜效果

2022-08-08 14:02:08

本文範例為大家分享了iOS實現簡易的抽屜效果的具體程式碼，供大家參考，具體內容如下

1.新增需要實現抽屜效果的三個檢視，這裡需要注意主檢視需要放在最後新增

// 左邊檢視
 ...
// 右邊檢視
  ...
// 主檢視
    UIView *mainView=[[UIView alloc]initWithFrame:self.view.bounds];
    mainView.backgroundColor=[UIColor greenColor];
    _mainView=mainView;
    [self.view addSubview:mainView];

2.實現左滑顯示左邊檢視，右滑出現右邊檢視

新增平移手勢和點選手勢，實現左右滑動的監聽和點選復位的效果

// 新增平移手勢
    UIPanGestureRecognizer *panGes=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(panGes:)];
    [self.mainView addGestureRecognizer:panGes];
    // 新增點選返回手勢
    UITapGestureRecognizer *tapGes=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap)];
    [self.view addGestureRecognizer:tapGes];

在平移手勢呼叫的方法中，通過偏移量來確定mainView的frame，實現動畫效果

首先通過translationInView:方法獲取偏移量,通過偏移量的正負確定拖動的方向
當手指鬆開後需要根據mainView的x值確定其檢視是定位到原始位置還是其縮放的位置
要其檢視由當前點位移到目標位置，可以通過當前點到目標點的位移，然後呼叫frameWithOffsetX:方法獲得mainView的frame

#define targetR 300
#define targetL -300
- (void)panGes:(UIPanGestureRecognizer *)panGes
{
    // 獲取偏移量
    CGPoint tranP=[panGes translationInView:self.mainView];
    // 獲得位移後的檢視
    self.mainView.frame=[self frameWithOffsetX:tranP.x];
    // 判斷拖動方向
    if (self.mainView.frame.origin.x<0) {//向左
        self.rightView.hidden=NO;
    }else if(self.mainView.frame.origin.x>0)
    {// 向右
        self.rightView.hidden=YES;
    }
    // 當手指鬆開時，做自動定位
    CGFloat target=0;
    if (panGes.state==UIGestureRecognizerStateEnded) {
        if (self.mainView.frame.origin.x>0.5*screenW) {
            target=targetR;
        }else if(CGRectGetMaxX(self.mainView.frame)<0.5*screenW)
        {
            target=targetL;
        }
        //offset為當前點到其目標點的位移
        CGFloat offset=target-self.mainView.frame.origin.x;
        [UIView animateWithDuration:0.5 animations:^{
            self.mainView.frame=[self frameWithOffsetX:offset];
        }];
    }

    // 復位
    [panGes setTranslation:CGPointZero inView:self.mainView];

}

#define maxY 120
// 根據mainView在X軸方向位移確定mainView的尺寸
- (CGRect)frameWithOffsetX:(CGFloat)offsetX
{
    CGRect frame=self.mainView.frame;

    frame.origin.x+=offsetX;

    frame.origin.y=fabs(frame.origin.x / screenW * maxY);

    frame.size.height=screenH - frame.origin.y * 2;

    return frame;
}

3.如何讓其他檔案也能實現抽屜效果

首先拖入檔案，然後新建一個新的ViewController，讓其繼承自我們匯入的檔案@interface ViewController :AZDrawerController
新建要實現抽屜效果的介面，新增其檢視至我們的mainView中，並且讓其控制器也成為介面控制器的子控制元件，讓控制器單獨的管理

// 當一個控制器的View新增到另一個控制器的View上的時候,那此時View所在的控制器也應該成為上一個控制器的子控制器.
    AZTableViewController *vc1=[[AZTableViewController alloc]init];
    vc1.view.frame=self.mainView.bounds;
    [self.mainView addSubview:vc1.view];
    [self addChildViewController:vc1];

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。

iOS實現簡易的抽屜效果

熱門文章