微信小程序> Android开发仿微信下拉关闭图片-如何关闭微信下拉功能-微信小程序动态

Android开发仿微信下拉关闭图片-如何关闭微信下拉功能-微信小程序动态

浏览量:3272 时间: 来源:ldd_QQ719919409
1.

图片会跟随手指移动,只有是下滑时才会退出查看页面,其他情况会复位,直接当做ImageView使用即可,setViewCall方法是在下滑完成后要执行的操作,上,左,右,可自行扩展

2.

onTouchEvent监听手指坐标,GestureDetector监听滑动的惯性,ViewHelper设置图片位移动画

publicclassFriendCircleViewextendsandroid.support.v7.widget.AppCompatImageViewimplementsGestureDetector.OnGestureListener{publicFriendCircleView(Contextcontext){super(context);initView(context,null,0);}publicFriendCircleView(Contextcontext,AttributeSetattrs){super(context,attrs);initView(context,attrs,0);}publicFriendCircleView(Contextcontext,AttributeSetattrs,intdefStyleAttr){super(context,attrs,defStyleAttr);initView(context,attrs,defStyleAttr);}//设置滑动完成后的回调方法publicvoidsetViewCall(FriendCircleViewCallviewCall){this.viewCallviewCall;}privatevoidinitView(Contextcontext,AttributeSetattrs,intdefStyleAttr){screenHeightScreenUtils.getScreenHeight(context);detectornewGestureDetector(context,this);}privateGestureDetectordetector;privateintscreenHeight;//设备屏幕高度privatefloatoldX,oldY;//手机放在屏幕的坐标privatefloatmovY;//移动中在屏幕上的坐标privatefloatalphaPercent1f;//背景颜色透明度privatebooleanisFinshfalse;//是否执行关闭页面的操作privateFriendCircleViewCallviewCallnull;@SuppressLint("ClickableViewAccessibility")@OverridepublicbooleanonTouchEvent(MotionEventevent){detector.onTouchEvent(event);switch(event.getAction()){caseMotionEvent.ACTION_DOWN:oldXevent.getRawX();oldYevent.getRawY();break;caseMotionEvent.ACTION_UP:caseMotionEvent.ACTION_CANCEL:if(isFinsh){isFinshfalse;if(viewCall!null){viewCall.viewDestry();}Log.e("ldd------","页面返回");}else{setupUping();Log.e("ldd------","手指抬起");}break;caseMotionEvent.ACTION_MOVE:isFinshfalse;floatmovXevent.getRawX()-oldX;movYevent.getRawY()-oldY;setupMoving(movX,movY);if(Math.abs(movX)Math.abs(movY)){if(movX0){Log.e("ldd------","左滑动");}else{Log.e("ldd------","右滑动");}}else{if(movY0){Log.e("ldd------","上滑动");}else{if(movY(screenHeight/6)){isFinshtrue;Log.e("ldd------","下滑动");}}}returnfalse;}returntrue;}privatevoidsetupUping(){animate().setDuration(200).scaleX(1).scaleY(1).translationX(0).translationY(0).setUpdateListener(newValueAnimator.AnimatorUpdateListener(){@OverridepublicvoidonAnimationUpdate(ValueAnimatoranimation){if(alphaPercentanimation.getAnimatedFraction()){((ViewGroup)getParent()).setBackgroundColor(convertPercentToBlackAlphaColor(animation.getAnimatedFraction()));}}}).start();}privatevoidsetupMoving(floatdeltaX,floatdeltaY){if(Math.abs(movY)(screenHeight/4)){floatscale1-Math.abs(movY)/screenHeight;alphaPercent1-Math.abs(deltaY)/(screenHeight/2);ViewHelper.setScaleX(this,scale);ViewHelper.setScaleY(this,scale);((ViewGroup)getParent()).setBackgroundColor(convertPercentToBlackAlphaColor(alphaPercent));}ViewHelper.setTranslationX(this,deltaX);ViewHelper.setTranslationY(this,deltaY);}//设置背景颜色透明度protectedintconvertPercentToBlackAlphaColor(floatpercent){percentMath.min(1,Math.max(0,percent));intintAlpha(int)(percent*255);StringstringAlphaInteger.toHexString(intAlpha).toLowerCase();Stringcolor"#"+(stringAlpha.length()2?"0":"")+stringAlpha+"000000";returnColor.parseColor(color);}@OverridepublicbooleanonDown(MotionEvente){returnfalse;}@OverridepublicvoidonShowPress(MotionEvente){}@OverridepublicbooleanonSingleTapUp(MotionEvente){isFinshtrue;returnfalse;}@OverridepublicbooleanonScroll(MotionEvente1,MotionEvente2,floatdistanceX,floatdistanceY){returnfalse;}@OverridepublicvoidonLongPress(MotionEvente){}@OverridepublicbooleanonFling(MotionEvente1,MotionEvente2,floatvelocityX,floatvelocityY){floatmovXe2.getRawX()-e1.getRawX();floatmovYe2.getRawY()-e1.getRawY();Log.e("ldd------2",movX+"---------"+movY);if(Math.abs(movX)Math.abs(movY)){if(movX0){Log.e("ldd------2","左滑动");}else{Log.e("ldd------2","右滑动");}}else{if(movY0){Log.e("ldd------2","上滑动");}else{isFinshtrue;Log.e("ldd------2","下滑动");}}returntrue;}publicinterfaceFriendCircleViewCall{voidviewDestry();}}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎