_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)]