Android_UI 仿QQ侧滑菜单效果的实现

 更新时间:2017年04月11日 09:19:07   作者:Checkiming  
相信大家对QQ侧滑菜单的效果已经不陌生了吧,侧滑进入个人头像一侧,进行对头像的更改,我的收藏,QQ钱包,我的文件等一系列的操作,下面小编给大家分享Android_UI 仿QQ侧滑菜单效果的实现,一起看看吧

相信大家对QQ侧滑菜单的效果已经不陌生了吧,侧滑进入个人头像一侧,进行对头像的更改,我的收藏,QQ钱包,我的文件等一系列的操作,今天呢,主要是实现进入侧滑菜单的这一效果原理进行分析.

这里写图片描述 

主要思路分析

1.首先写一个SlideMenu 继承一个帧布局FrameLayout ,因为如果继承自ViewGroup的话,需要我们自己来实现onMeasure方法,而该方法的实现一般比较麻烦且没有必要,所以选择继承系统的已有的控件FrameLayout,不用其他控件是因为FrameLayout最轻量级

2.在布局文件中给SlideMenu添加2个子布局,分别是菜单的布局和主界面的布局

3.移动View的方法总结

通过改变View的scroll的坐标来移动:
scrollTo(x,y);//滚动到指定位置
scrollBy(xOffset,yOffset);//滚动多少距离
通过改变View在父View中的布局的位置:
offsetLeftAndRight(offset);//同时更改view的left和right
offsetTopAndBottom(offset);//同时更改view的top和bottom
layout(l,t,r,b);

4.ViewDragHelper 类的介绍

谷歌在2013年I/O开发者大会上提出;

专门用于在ViewGroup中对子View进行拖拽处理;

在19(Android4.4)以及以上的v4包中;

本质是封装了对触摸事件的解析,包括触摸位置,触摸速度以及Scroller的封装,只需要我们在回调方法中指定是否移动,移动多少等等,但是需要注意的是:它只是一个触摸事件的解析类(如GestureDecetor),所以需要我们传递给它触摸事件,它才能工作;

开始创建ViewDragHelper对象

ViewDragHelper viewDragHelper = ViewDragHelper.create(this, callback);

dragHelper 只是触摸事件的解析类,需要将触摸事件传递给它才能工作

1)_触摸事件: 将触摸事件传递给VIewDragHelper 来解析

触摸事件

2)_判断是否需要拦截触摸事件

拦截触摸事件

3)_初始化子view的引用

初始化view

4)_初始化宽高.在onSizeChanged方法中初始化宽高,因为该方法在onMeasure之后执行

初始化宽高

其中这里调用getMeasureWidth() 方法与分别获取左侧菜单的宽,主页面的宽的作用是一样的.

实现ViewDragHelper.Callback 的监听事件

监视view的触摸事件,这里需要考虑到,当进行滑动的时候,可能会触碰到listview的滑动事件,所以这里通过了getViewHorizontalDragRange()方法进行强制横向滑动,当返回值大于0 的时候,即让它强制横向滑动,否则在某些情况下不能水平滑动

监视触摸事件

强制拦截水平,修正水平位置 

控制垂直方向的移动

控制垂直方向的移动

在onViewPositionChanged()方法中实现一些伴随移动的效果

此方法可以获取view移动的距离

如果当前移动的是main ,那么就让menu 进行伴随移动

移动main ,并限制main的移动

根据滑动的百分比的值,去执行伴随的动画 executeAnim()

对移动进行处理

松开手指进行回调,该方法会处理手指拾起的缓慢移动

松开手指进行回调 

执行动画

这里考虑到了给整个SlideMenu的背景添加阴影遮罩效果,通过getBackground对是否为空时进行添加阴影遮罩效果

根据百分比执行动画

//对main的移动进行限制了
 private int fixLeft(int newLeft) {
    if (newLeft > maxLeft) {
      newLeft = maxLeft;
    } else if (newLeft < 0) {
      newLeft = 0;
    }
    return newLeft;

需要定义接口回调,将SlideMenu 打开,让滑动和关闭的事件方法暴露

//定义接口回调,将SlideMenu 打开,,滑动和关闭的事件暴露给外界
  public interface onSwipeListener {
    void onOpen();
    void onClose();
    void onDragging(float fraction); //拖拽过程中的回调
  }

以上所述是小编给大家介绍的Android_UI 仿QQ侧滑菜单效果的实现,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android仿360市场下载按钮的实现方法

    Android仿360市场下载按钮的实现方法

    这篇文章主要给大家介绍了关于利用Android实现360市场下载按钮效果的方法,文中给出了详细的示例代码供大家参考学习,并在文末给出了源码供大家下载,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-05-05
  • Android手机卫士之绑定sim卡序列号

    Android手机卫士之绑定sim卡序列号

    这篇文章主要介绍了Android手机卫士之绑定sim卡序列号的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android实现viewpager实现循环轮播效果

    Android实现viewpager实现循环轮播效果

    这篇文章主要为大家详细介绍了Android实现viewpager实现循环轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • Android中微信小程序支付倒计时功能

    Android中微信小程序支付倒计时功能

    大家在使用微信的时候都注意过微信支付倒计时功能,怎么实现的呢?今天小编给大家分享微信小程序支付倒计时功能实现思路详解,一起看看吧
    2016-12-12
  • Android TextView多文本折叠展开效果

    Android TextView多文本折叠展开效果

    这篇文章主要为大家详细介绍了Android TextView多文本折叠展开效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android实现底部带刻度的进度条样式

    Android实现底部带刻度的进度条样式

    由于公司需要一个带刻度的进度条样式,因为刻度需要动态去改变,所以换背景图片的方案肯定是不行的,唯一的办法就是自己绘制一个进度条,下面小编给大家带来了Android实现底部带刻度的进度条样式及实例代码,需要的朋友参考下吧
    2019-10-10
  • Android自定义带进度条WebView仿微信加载过程

    Android自定义带进度条WebView仿微信加载过程

    这篇文章主要为大家详细介绍了Android自定义带进度条WebView仿微信加载过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • Android组合控件实现功能强大的自定义控件

    Android组合控件实现功能强大的自定义控件

    这篇文章主要介绍了Android组合控件实现功能强大的自定义控件的相关资料,需要的朋友可以参考下
    2016-05-05
  • Android2.3实现SD卡与U盘自动挂载的方法

    Android2.3实现SD卡与U盘自动挂载的方法

    这篇文章主要介绍了Android2.3实现SD卡与U盘自动挂载的方法,较为详细的分析了Android2.3实现SD卡与U盘自动挂载的具体步骤与相关技巧,需要的朋友可以参考下
    2016-02-02
  • Android6.0 固定屏幕功能实现方法及实例

    Android6.0 固定屏幕功能实现方法及实例

    这篇文章主要介绍了Android6.0 固定屏幕功能实现方法及实例的相关资料,需要的朋友可以参考下
    2017-01-01

最新评论