0
点赞
收藏
分享

微信扫一扫

IOS开发之——事件处理-抽屉效果(70),阿里巴巴Android面试都问些什么

余寿 2022-02-17 阅读 56

_rightView.hidden=NO;//显示右边

_leftView.hidden=YES;//隐藏左边

}else if(_mainView.frame.origin.x>0){ //向右滑动

_rightView.hidden=YES;//隐藏右边

_leftView.hidden=NO;//显示左边

}

}

四 事件处理-抽屉效果——缩放处理


4.1 效果

4.2 原理

假设:移动的x距离为320,y距离为50

  • offsetY=offsetX*50/320

  • scale=currentH/screenH

  • currentH=screenH-2*offsetY

  • x=frame.origin.x+offsetX

  • h=frame.size.height*scale

  • w=frame.size.weight*scale

  • y=(screenH-h)*0.5

4.3 滑动时处理

获取当前视图view

  • (CGRect)getCurrentFrameWithOffsetX:(CGFloat)offsetX

{

CGFloat screenW=[UIScreen mainScreen].bounds.size.width;

CGFloat screenH=[UIScreen mainScreen].bounds.size.height;

//获取y轴偏移量,手指每移动一点,y轴偏移多少

CGFloat offsetY=offsetX*MaxY/screenW;

CGFloat scale=(screenH-2*offsetY)/screenH;

if (_mainView.frame.origin.x<0) { //往左边滑动

scale=(screenH+2*offsetY)/screenH;

}

//获取之前的frame

CGRect frame=_mainView.frame;

frame.origin.x+=offsetX;

frame.size.height=frame.size.height*scale;

frame.size.width=frame.size.width*scale;

frame.origin.y=(screenH-frame.size.height)*0.5;

return frame;

}

滑动时重新赋值视图

-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event

{

//获取UITouch对象

UITouch *touch=[touches anyObject];

//获取当前点

CGPoint currentPoint=[touch locationInView:self.view];

//获取上一个点

CGPoint prePoint=[touch precisePreviousLocationInView:self.view];

//x轴偏移量

CGFloat offsetX=currentPoint.x-prePoint.x;

//获取主视图的frame

CGRect frame=_mainView.frame;

frame.origin.x+=offsetX;

_mainView.frame=[self getCurrentFrameWithOffsetX:offsetX];

}

五 事件处理-抽屉效果——滑动定位


5.1 说明

  • 向右滑动时:当主视图的最大x大于屏幕的一半时,自动定位到屏幕右边

  • 向左滑动时:当主视图的最大x小于屏幕的一半,自动定位到屏幕左边

5.2 代码实现

//定位

  • (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event

{

CGFloat target=0;

CGFloat screenW=[UIScreen mainScreen].bounds.size.width;

if (_mainView.frame.origin.x>screenW*0.5) { //定位到右边

target=rightTarget;

}else if(CGRectGetMaxX(_mainView.frame)<screenW*0.5) //定位到左边

{

target=leftTarget;

}

[UIView animateWithDuration:0.25 animations:^{

if (target) { //定位到左或右

//获取偏移量

CGFloat offsetX=target-_mainView.frame.origin.x;

_mainView.frame=[self getCurrentFrameWithOffsetX:offsetX];

}else{ //还原

_mainView.frame=self.view.bounds;

}

}];

}

六 事件处理-抽屉效果——定位视图复


6.1 说明

最后

针对Android程序员,我这边给大家整理了一些资料,包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter等全方面的Android进阶实践技术;希望能帮助到大家,也节省大家在网上搜索资料的时间来学习,也可以分享动态给身边好友一起学习!

资料领取:点赞免费获取Android IOC架构设计

F%BC%9F%E5%A6%82%E4%BD%95%E9%9D%A2%E8%AF%95%E6%8B%BF%E9%AB%98%E8%96%AA%EF%BC%81.md)**

[外链图片转存中…(img-jlXAhzF5-1645106630891)]

举报

相关推荐

0 条评论