android 仿饿了么悬浮购物车按钮

上效果图,我这边是一个交易查询的按钮:

实现效果为,滑动屏幕时,按钮隐藏,停止之后显示,并且按钮固定在屏幕的垂直居中位置。

首先是布局文件:




	
	
		
			
			

			
		
	
	
	
	


		

		

	


我这边是在相对布局里面放了一个滑动控件,然后再单独把“交易查询”的按钮放出来,设置最外层的垂直居中。

因为我的按钮是在fragment里面的,然而fragment中没有dispatchTouchEvent方法,所以我选择在这个fragment中定义隐藏显示按钮的方法,然后在activity中调用这个fragment中的方法:

fragment中定义方法:

/**
	 * 显示交易查询按钮
	 */
	boolean isShowJycx = true;    //是否显示
	public void showJycx(){
				if (!isShowJycx){
					Handler handler = new Handler();
					handler.postDelayed(new Runnable() {
						@Override
						public void run() {
							textView_jycx.setVisibility(View.VISIBLE);
							//向左边移入
							textView_jycx.setAnimation(AnimationUtils.makeInAnimation(getActivity(), false));
							isShowJycx = true;

						}
					}, 1000);
		
		}

	}

	/**
	 * 隐藏交易查询按钮
	 */
	public void hideJycx(){

				if (isShowJycx){
					textView_jycx.setVisibility(View.GONE);
					// 向右边移出
					textView_jycx.setAnimation(AnimationUtils.makeOutAnimation(getActivity(), true));
					isShowJycx = false;
				}

			}
	}

在activity中调用fragment中的方法:

/**
	 * 获取首页的事件分发
	 * 在按下 滑动时隐藏 交易查询按钮
	 * 在抬起手指时 显示 交易查询按钮
	 * @param ev
	 * @return
	 */
	@Override
	public boolean dispatchTouchEvent(MotionEvent ev) {
        //通过ID获取fragment
		F1Cj f1Cj = (F1Cj) getSupportFragmentManager().findFragmentById(R.id.home_pager);
		switch (ev.getAction()){

			case MotionEvent.ACTION_DOWN:

				f1Cj.hideJycx();
		
				break;
			case MotionEvent.ACTION_MOVE:
				f1Cj.hideJycx();
			
				break;
			case MotionEvent.ACTION_UP:
				f1Cj.showJycx();
			
				break;
		}
		return super.dispatchTouchEvent(ev);
	}

这个比较简单 就不上传代码了0.0

你可能感兴趣的:(android 仿饿了么悬浮购物车按钮)