滑动隐藏标题栏 有更新!

  hehaitao074

    在项目开发中,我们常常遇到一些类似需求,比如列表滑动的时候头部的标题在隐藏和显示两种模式切换,实现方法各种各样,但大体思路就是监听滑动控件的触摸事件

    这里我们拿ListView做个例子,实现步骤大体分这么几步:

    1. 为ListVie添加监听手势

    2. 当用户向上滑动是隐藏标题栏

    3. 当用户向下滑动时显示标题栏

    第一步:为ListVIew添加手势监听

     mListView.setOnTouchListener(new View.OnTouchListener() {
    
    			@Override
    			public boolean onTouch(View v, MotionEvent event) {
    				switch (event.getAction()) {
    					case MotionEvent.ACTION_DOWN:
    						mFirstY = event.getY();
    						break;
    					case MotionEvent.ACTION_MOVE:
    						mCurrentY = event.getY();
    						if (mCurrentY - mFirstY > mTouchSlop) {
    							// 下滑 显示titleBar
    							showHideTitleBar(true);
    						} else if (mFirstY - mCurrentY > mTouchSlop) {
    							// 上滑 隐藏titleBar
    							showHideTitleBar(false);
    						}
    						break;
    					case MotionEvent.ACTION_UP:
    						break;
    				}
    				return false;
    			}
    		});
    

    有人可能会问这个mTouchSlop是啥,这个东东是这样获得的

    mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();

    getScaledTouchSlop是一个距离,表示滑动的时候,手的移动要大于这个距离才开始移动控件。如果小于这个距离就不触发移动控件

    ViewConfiguration滑动参数设置类:

    /**    
      * 包含了方法和标准的常量用来设置UI的超时、大小和距离    
     */
     public class ViewConfiguration {     
    	 // 设定水平滚动条的宽度和垂直滚动条的高度,单位是像素px     
    	 private static final int SCROLL_BAR_SIZE = 10;     
    
    	 //定义滚动条逐渐消失的时间,单位是毫秒     
    	 private static final int SCROLL_BAR_FADE_DURATION = 250;     
    
    	 // 默认的滚动条多少秒之后消失,单位是毫秒     
    	 private static final int SCROLL_BAR_DEFAULT_DELAY = 300;     
    
    	 // 定义边缘地方褪色的长度     
    	 private static final int FADING_EDGE_LENGTH = 12;     
    
    	 //定义子控件按下状态的持续事件     
    	 private static final int PRESSED_STATE_DURATION = 125;     
    
    	 //定义一个按下状态转变成长按状态的转变时间     
    	 private static final int LONG_PRESS_TIMEOUT = 500;     
    
    	 //定义用户在按住适当按钮,弹出全局的对话框的持续时间     
    	 private static final int GLOBAL_ACTIONS_KEY_TIMEOUT = 500;     
    
    	 //定义一个touch事件中是点击事件还是一个滑动事件所需的时间,如果用户在这个时间之内滑动,那么就认为是一个点击事件     
    	 private static final int TAP_TIMEOUT = 115;     
    
    	 /**    
    	  * Defines the duration in milliseconds we will wait to see if a touch event     
    	  * is a jump tap. If the user does not complete the jump tap within this interval, it is    
    	  * considered to be a tap.     
    	  */
    	 //定义一个touch事件时候是一个点击事件。如果用户在这个时间内没有完成这个点击,那么就认为是一个点击事件     
    	 private static final int JUMP_TAP_TIMEOUT = 500;     
    
    	 //定义双击事件的间隔时间     
    	 private static final int DOUBLE_TAP_TIMEOUT = 300;     
    
    	 //定义一个缩放控制反馈到用户界面的时间     
    	 private static final int ZOOM_CONTROLS_TIMEOUT = 3000;     
    
    	 /**    
    	  * Inset in pixels to look for touchable content when the user touches the edge of the screen    
    	  */
    	 private static final int EDGE_SLOP = 12;     
    
    	 /**    
    	  * Distance a touch can wander before we think the user is scrolling in pixels    
    	  */
    	 private static final int TOUCH_SLOP = 16;     
    
    	 /**    
    	  * Distance a touch can wander before we think the user is attempting a paged scroll    
    	  * (in dips)    
    	  */
    	 private static final int PAGING_TOUCH_SLOP = TOUCH_SLOP * 2;     
    
    	 /**    
    	  * Distance between the first touch and second touch to still be considered a double tap    
    	  */
    	 private static final int DOUBLE_TAP_SLOP = 100;     
    
    	 /**    
    	  * Distance a touch needs to be outside of a window's bounds for it to    
    	  * count as outside for purposes of dismissing the window.    
    	  */
    	 private static final int WINDOW_TOUCH_SLOP = 16;     
    
    	//用来初始化fling的最小速度,单位是每秒多少像素     
    	 private static final int MINIMUM_FLING_VELOCITY = 50;     
    
    	 //用来初始化fling的最大速度,单位是每秒多少像素     
    	 private static final int MAXIMUM_FLING_VELOCITY = 4000;     
    
    	 //视图绘图缓存的最大尺寸,以字节表示。在ARGB888格式下,这个尺寸应至少等于屏幕的大小     
    	 @Deprecated     
    	 private static final int MAXIMUM_DRAWING_CACHE_SIZE = 320 * 480 * 4; // HVGA screen, ARGB8888     
    
    	 //flings和scrolls摩擦力度大小的系数     
    	 private static float SCROLL_FRICTION = 0.015f;     
    
    	 /**    
    	  * Max distance to over scroll for edge effects    
    	  */
    	 private static final int OVERSCROLL_DISTANCE = 0;     
    
    	 /**    
    	  * Max distance to over fling for edge effects    
    	  */
    	 private static final int OVERFLING_DISTANCE = 4;     
    
     }
    

    第二三步主要就是显示和隐藏标题了,这里主要用的属性动画来实现这个效果,你也可以visible属性来实现

     private Animator mAnimatorTitle;
    	private Animator mAnimatorContent;
    
    	private void showHideTitleBar(boolean tag) {
    		if (mAnimatorTitle != null && mAnimatorTitle.isRunning()) {
    			mAnimatorTitle.cancel();
    		}
    		if (mAnimatorContent != null && mAnimatorContent.isRunning()) {
    			mAnimatorContent.cancel();
    		}
    		if (tag) {
    			mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), 0);
    			mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(), getResources().getDimension(R.dimen.title_height));
    
    		} else {
    			mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), -mTitle.getHeight());
    			mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(),0);
    		}
    		mAnimatorTitle.start();
    		mAnimatorContent.start();
    
    	}
    

    好了这个就先写到这里,源码就不贴了