GestureDetector使用详解

最新推荐文章于 2024-09-14 15:55:09 发布
最新推荐文章于 2024-09-14 15:55:09 发布
阅读量6.4k 收藏 7
点赞数
分类专栏： android 自定义View 文章标签： android
原文链接：https://blog.csdn.net/harvic880925/article/details/39520901
版权

Android sdk给我们提供了GestureDetector（Gesture：手势Detector：识别）类，通过这个类我们可以识别很多的手势，主要是通过他的onTouchEvent(event)方法完成了不同手势的识别。虽然他能识别手势，但是不同的手势要怎么处理，应该是提供给程序员实现的。

GestureDetector这个类对外提供了两个接口和一个外部类
接口：OnGestureListener，OnDoubleTapListener
内部类:SimpleOnGestureListener

这个外部类，其实是两个接口中所有函数的集成，它包含了这两个接口里所有必须要实现的函数而且都已经重写，但所有方法体都是空的；不同点在于：该类是static class，程序员可以在外部继承这个类，重写里面的手势处理方法。
 

如果我们写一个类并implements OnGestureListener，会提示有几个必须重写的函数，加上之后是这个样子的：

private class gesturelistener implements GestureDetector.OnGestureListener{
 
	public boolean onDown(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}
 
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub
		
	}
 
	public boolean onSingleTapUp(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}
 
	public boolean onScroll(MotionEvent e1, MotionEvent e2,
			float distanceX, float distanceY) {
		// TODO Auto-generated method stub
		return false;
	}
 
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub
		
	}
 
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		// TODO Auto-generated method stub
		return false;
	}
	
}

可见，这里总共重写了六个函数，这些函数都在什么情况下才会触发呢?

OnDown(MotionEvent e)：用户按下屏幕就会触发；


onShowPress(MotionEvent e)：如果是按下的时间超过瞬间，而且在按下的时候没有松开或者是拖动的，那么onShowPress就会执行。


onLongPress(MotionEvent e)：长按触摸屏，超过一定时长，就会触发这个事件
    触发顺序：
    onDown->onShowPress->onLongPress


onSingleTapUp(MotionEvent e)：从名子也可以看出,一次单独的轻击抬起操作,也就是轻击一下屏幕，立刻抬起来，才会有这个触发，当然,如果除了Down以外还有其它操作,那就不再算是Single操作了,所以也就不会触发这个事件
    触发顺序：
    点击一下非常快的（不滑动）Touchup：
    onDown->onSingleTapUp->onSingleTapConfirmed 
    点击一下稍微慢点的（不滑动）Touchup：
    onDown->onShowPress->onSingleTapUp->onSingleTapConfirmed


onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) ：滑屏，用户按下触摸屏、快速移动后松开，由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE, 1个ACTION_UP触发   
     参数解释：
    e1：第1个ACTION_DOWN MotionEvent
    e2：最后一个ACTION_MOVE MotionEvent
    velocityX：X轴上的移动速度，像素/秒
    velocityY：Y轴上的移动速度，像素/秒   


onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY)：在屏幕上拖动事件。无论是用手拖动view，或者是以抛的动作滚动，都会多次触发,这个方法       在ACTION_MOVE动作发生时就会触发
    滑屏：手指触动屏幕后，稍微滑动后立即松开
    onDown-----》onScroll----》onScroll----》onScroll----》………----->onFling
    拖动
    onDown------》onScroll----》onScroll------》onFiling

可见，无论是滑屏，还是拖动，影响的只是中间OnScroll触发的数量多少而已，最终都会触发onFling事件！

2、实例

要使用GestureDetector，有三步要走：

1、创建OnGestureListener监听函数：
可以使用构造实例：

GestureDetector.OnGestureListener listener = new GestureDetector.OnGestureListener({
			
};

也可以构造类：

private class gestureListener implements GestureDetector.OnGestureListener{
	
}

2、创建GestureDetector实例mGestureDetector：

构造函数有下面三个，根据需要选择：

GestureDetector gestureDetector=
new GestureDetector(GestureDetector.OnGestureListener listener);

GestureDetector gestureDetector=
new GestureDetector(Context context,GestureDetector.OnGestureListener listener);

GestureDetector gestureDetector=
new GestureDetector(Context context,GestureDetector.SimpleOnGestureListener listener);

3、onTouch(View v, MotionEvent event)中拦截：

public boolean onTouch(View v, MotionEvent event) {
	return mGestureDetector.onTouchEvent(event);   
}

4、控件绑定

TextView tv = (TextView)findViewById(R.id.tv);
tv.setOnTouchListener(this);

3、GestureDetector.OnDoubleTapListener

1、构建

有两种方式设置双击监听：

方法一：新建一个类同时派生自OnGestureListener和OnDoubleTapListener：

private class gestureListener implements GestureDetector.OnGestureListener,GestureDetector.OnDoubleTapListener{
}

方法二：使用GestureDetector::setOnDoubleTapListener();函数设置监听：

//构建GestureDetector实例	
mGestureDetector = new GestureDetector(new gestureListener()); //使用派生自OnGestureListener
private class gestureListener implements GestureDetector.OnGestureListener{
	
}
 
//设置双击监听器
mGestureDetector.setOnDoubleTapListener(new doubleTapListener());
private class doubleTapListener implements GestureDetector.OnDoubleTapListener{
	
}

要想使用OnDoubleTapListener的几个函数，就必须先实现OnGestureListener。

2、函数讲解：

首先看一下OnDoubleTapListener接口必须重写的三个函数：

private class doubleTapListener implements GestureDetector.OnDoubleTapListener{
 
	public boolean onSingleTapConfirmed(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}
 
	public boolean onDoubleTap(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}
 
	public boolean onDoubleTapEvent(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}
}

onSingleTapConfirmed(MotionEvent e)：单击事件。用来判定该次点击是SingleTap而不是DoubleTap，如果连续点击两次就是DoubleTap手势，如果只点击一次，系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap，然后触发SingleTapConfirmed事件。触发顺序是：OnDown->OnsingleTapUp->OnsingleTapConfirmed
关于onSingleTapConfirmed和onSingleTapUp的一点区别： OnGestureListener有这样的一个方法onSingleTapUp，和onSingleTapConfirmed容易混淆。二者的区别是：onSingleTapUp，只要手抬起就会执行，而对于onSingleTapConfirmed来说，如果双击的话，则onSingleTapConfirmed不会执行。

 

onDoubleTap(MotionEvent e)：双击事件

onDoubleTapEvent(MotionEvent e)：双击间隔中发生的动作。指触发onDoubleTap以后，在双击之间发生的其它动作，包含down、up和move事件；下图是双击一下的Log输出：

两点总结：

1、从上图可以看出，在第二下点击时，先触发OnDoubleTap，然后再触发OnDown（第二次点击）

2、其次在触发OnDoubleTap以后，就开始触发onDoubleTapEvent了，onDoubleTapEvent后面的数字代表了当前的事件，0指ACTION_DOWN，1指ACTION_UP，2 指ACTION_MOVE
在上一个例子的基础上，我们再添加一个双击监听类，实现如下：
 

public class MainActivity extends Activity implements OnTouchListener{
 
	private GestureDetector mGestureDetector;   
	
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
 
      mGestureDetector = new GestureDetector(new gestureListener()); //使用派生自OnGestureListener
      mGestureDetector.setOnDoubleTapListener(new doubleTapListener());
        
      TextView tv = (TextView)findViewById(R.id.tv);
      tv.setOnTouchListener(this);
      tv.setFocusable(true);   
      tv.setClickable(true);   
      tv.setLongClickable(true); 
	}
	
	
	/* 
     * 在onTouch()方法中，我们调用GestureDetector的onTouchEvent()方法，将捕捉到的MotionEvent交给GestureDetector 
     * 来分析是否有合适的callback函数来处理用户的手势 
     */  
	public boolean onTouch(View v, MotionEvent event) {
		return mGestureDetector.onTouchEvent(event);   
	}
	
	//OnGestureListener监听
	private class gestureListener implements GestureDetector.OnGestureListener{
 
		public boolean onDown(MotionEvent e) {
			Log.i("MyGesture", "onDown");   
	        Toast.makeText(MainActivity.this, "onDown", Toast.LENGTH_SHORT).show();   
			return false;
		}
 
		public void onShowPress(MotionEvent e) {
			Log.i("MyGesture", "onShowPress");   
	        Toast.makeText(MainActivity.this, "onShowPress", Toast.LENGTH_SHORT).show();   
		}
 
		public boolean onSingleTapUp(MotionEvent e) {
			Log.i("MyGesture", "onSingleTapUp");   
	        Toast.makeText(MainActivity.this, "onSingleTapUp", Toast.LENGTH_SHORT).show();   
	        return true;   
		}
 
		public boolean onScroll(MotionEvent e1, MotionEvent e2,
				float distanceX, float distanceY) {
			Log.i("MyGesture22", "onScroll:"+(e2.getX()-e1.getX()) +"   "+distanceX);   
	        Toast.makeText(MainActivity.this, "onScroll", Toast.LENGTH_LONG).show();   
	        
	        return true;   
		}
 
		public void onLongPress(MotionEvent e) {
			 Log.i("MyGesture", "onLongPress");   
		     Toast.makeText(MainActivity.this, "onLongPress", Toast.LENGTH_LONG).show();   
		}
 
		public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
				float velocityY) {
			Log.i("MyGesture", "onFling");   
	        Toast.makeText(MainActivity.this, "onFling", Toast.LENGTH_LONG).show();   
			return true;
		}
	};
	
	//OnDoubleTapListener监听
	private class doubleTapListener implements GestureDetector.OnDoubleTapListener{
 
		public boolean onSingleTapConfirmed(MotionEvent e) {
			Log.i("MyGesture", "onSingleTapConfirmed");   
	        Toast.makeText(MainActivity.this, "onSingleTapConfirmed", Toast.LENGTH_LONG).show();  
			return true;
		}
 
		public boolean onDoubleTap(MotionEvent e) {
			Log.i("MyGesture", "onDoubleTap");   
	        Toast.makeText(MainActivity.this, "onDoubleTap", Toast.LENGTH_LONG).show();  
			return true;
		}
 
		public boolean onDoubleTapEvent(MotionEvent e) {
			Log.i("MyGesture", "onDoubleTapEvent");   
	        Toast.makeText(MainActivity.this, "onDoubleTapEvent", Toast.LENGTH_LONG).show();  
			return true;
		}
	};
}

双击一下：

轻轻单击一下，对应的事件触发顺序为：

四、GestureDetector.SimpleOnGestureListener---类
它与前两个不同的是：
1、这是一个类，在它基础上新建类的话，要用extends派生而不是用implements继承！
2、OnGestureListener和OnDoubleTapListener接口里的函数都是强制必须重写的，即使用不到也要重写出来一个空函数但在SimpleOnGestureListener类的实例或派生类中不必如此，可以根据情况，用到哪个函数就重写哪个函数，因为SimpleOnGestureListener类本身已经实现了这两个接口的所有函数，只是里面全是空的而已。

下面利用SimpleOnGestureListener类来重新实现上面的几个效果，代码如下：
 

public class MainActivity extends Activity implements OnTouchListener {
 
	private GestureDetector mGestureDetector;   
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mGestureDetector = new GestureDetector(new simpleGestureListener());
		
		TextView tv = (TextView)findViewById(R.id.tv);
	    tv.setOnTouchListener(this);
	    tv.setFocusable(true);   
	    tv.setClickable(true);   
	    tv.setLongClickable(true); 
	}
	
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		return mGestureDetector.onTouchEvent(event);   
	}
 
	private class simpleGestureListener extends
			GestureDetector.SimpleOnGestureListener {
		
		/*****OnGestureListener的函数*****/
		public boolean onDown(MotionEvent e) {
			Log.i("MyGesture", "onDown");
			Toast.makeText(MainActivity.this, "onDown", Toast.LENGTH_SHORT)
					.show();
			return false;
		}
 
		public void onShowPress(MotionEvent e) {
			Log.i("MyGesture", "onShowPress");
			Toast.makeText(MainActivity.this, "onShowPress", Toast.LENGTH_SHORT)
					.show();
		}
 
		public boolean onSingleTapUp(MotionEvent e) {
			Log.i("MyGesture", "onSingleTapUp");
			Toast.makeText(MainActivity.this, "onSingleTapUp",
					Toast.LENGTH_SHORT).show();
			return true;
		}
 
		public boolean onScroll(MotionEvent e1, MotionEvent e2,
				float distanceX, float distanceY) {
			Log.i("MyGesture", "onScroll:" + (e2.getX() - e1.getX()) + "   "
					+ distanceX);
			Toast.makeText(MainActivity.this, "onScroll", Toast.LENGTH_LONG)
					.show();
 
			return true;
		}
 
		public void onLongPress(MotionEvent e) {
			Log.i("MyGesture", "onLongPress");
			Toast.makeText(MainActivity.this, "onLongPress", Toast.LENGTH_LONG)
					.show();
		}
 
		public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
				float velocityY) {
			Log.i("MyGesture", "onFling");
			Toast.makeText(MainActivity.this, "onFling", Toast.LENGTH_LONG)
					.show();
			return true;
		}
		
		/*****OnDoubleTapListener的函数*****/
		public boolean onSingleTapConfirmed(MotionEvent e) {
			Log.i("MyGesture", "onSingleTapConfirmed");
			Toast.makeText(MainActivity.this, "onSingleTapConfirmed",
					Toast.LENGTH_LONG).show();
			return true;
		}
 
		public boolean onDoubleTap(MotionEvent e) {
			Log.i("MyGesture", "onDoubleTap");
			Toast.makeText(MainActivity.this, "onDoubleTap", Toast.LENGTH_LONG)
					.show();
			return true;
		}
 
		public boolean onDoubleTapEvent(MotionEvent e) {
			Log.i("MyGesture", "onDoubleTapEvent");
			Toast.makeText(MainActivity.this, "onDoubleTapEvent",
					Toast.LENGTH_LONG).show();
			return true;
		}
 
	}
}

五、OnFling应用——识别向左滑还是向右滑

public class MainActivity extends Activity implements OnTouchListener {
 
	private GestureDetector mGestureDetector;   
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mGestureDetector = new GestureDetector(new simpleGestureListener());
		
		TextView tv = (TextView)findViewById(R.id.tv);
	    tv.setOnTouchListener(this);
	    tv.setFocusable(true);   
	    tv.setClickable(true);   
	    tv.setLongClickable(true); 
	}
	
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		return mGestureDetector.onTouchEvent(event);   
	}
 
	private class simpleGestureListener extends
			GestureDetector.SimpleOnGestureListener {
		
		/*****OnGestureListener的函数*****/
 
		final int FLING_MIN_DISTANCE = 100, FLING_MIN_VELOCITY = 200;  
		
		// 触发条件 ：   
        // X轴的坐标位移大于FLING_MIN_DISTANCE，且移动速度大于FLING_MIN_VELOCITY个像素/秒   
       
		// 参数解释：   
        // e1：第1个ACTION_DOWN MotionEvent   
        // e2：最后一个ACTION_MOVE MotionEvent   
        // velocityX：X轴上的移动速度，像素/秒   
        // velocityY：Y轴上的移动速度，像素/秒   
		public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
				float velocityY) {
			
	        
	        if (e1.getX() - e2.getX() > FLING_MIN_DISTANCE  
	                && Math.abs(velocityX) > FLING_MIN_VELOCITY) {  
	            // Fling left   
	            Log.i("MyGesture", "Fling left");  
	            Toast.makeText(MainActivity.this, "Fling Left", Toast.LENGTH_SHORT).show();  
	        } else if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE  
	                && Math.abs(velocityX) > FLING_MIN_VELOCITY) {  
	            // Fling right   
	            Log.i("MyGesture", "Fling right");  
	            Toast.makeText(MainActivity.this, "Fling Right", Toast.LENGTH_SHORT).show();  
	        }  
			return true;
		}
 
	}
}

 

 

 

 

 

 

 

 

 

 

Luckie stone
关注
专栏目录
用户手势检测-GestureDetector使用详解
暴走影视
08-24 752
一、概述 当用户触摸屏幕的时候，会产生许多手势，例如down，up，scroll，filing等等。一般情况下，我们知道View类有个View.OnTouchListener内部接口，通过重写他的onTouch(View v, MotionEvent event)方法，我们可以处理一些touch事件，但是这个方法太过简单，如果需要处理一些复杂的手势，用这个接口就会很麻烦（因为我们要自...
Android手势识别GestureDetector和ScaleGestureDetector介绍与使用，以自定义一个可拖拽拉伸的ImageView为例
阿飞的博客
04-07 2259
GestureDetector主要用于检测单指手势，例如单击、长按、滑动等，不支持多指手势。用于检测缩放手势，即双指捏合或者扩张的手势。它提供了 onScale() 和 onScaleBegin() 等回调方法来处理缩放手势的开始、进行中和结束时的事件。首先，我们可以直接继承 ImageView，并通过 Matrix 来控制图片的移动和拉伸。其次，使用 GestureDetector 监听移动的相关事件，使用 ScaleGestureDetector 监听拉伸的相关事件。
GestureDetector使用
11-10
<户手势检测-GestureDetector使用详解>对应源码---完整版 博客<户手势检测-GestureDetector使用详解>对应源码，博客地址：http://blog.csdn.net/harvic880925/article/details/39520901
GestureDetector用法
shenyu123的专栏
02-13 753
1、当用户触摸屏幕的时候，会产生许多手势，例如down,up,scroll，filing等等，我们知道View类有个View.OnTouchListener内部接口，通过重写他的onTouch(View v, MotionEvent event)方法，我们可以处理一些touch事件，但是这个方法太过简单，如果需要处理一些复杂的手势，用这个接口就会很麻烦（因为我们要自己根据用户触摸的轨迹去判断是什么
Android手势 GestureDetector类及其用法
Winters_huang'Blog
12-27 1177
当用户触摸屏幕的时候，会产生许多手势，例如down，up，scroll，filing等等。 一般情况下，我们知道View类有个View.OnTouchListener内部接口，通过重写他的onTouch(View v, MotionEvent event)方法，我们可以处理一些touch事件，但是这个方法太过简单，如果需要处理一些复杂的手势，用这个接口就会很麻烦（因为我们要自己根据用户触摸的
GestureDetector的使用
sinat_30843903的博客
05-25 519
GestureDetectorGestureDetector:手势检测，用于辅助检测用户单击、滑动、长按、双击等行为。本文简单介绍GestureDetector的基本使用方法和用处，以及如何使用obTouchEvent(XXX)代替GestureDetector判断用户手指左右滑动的方法。GestureDetector的基本用法 step 1:目标实现OnGestureListener接口 publ
GestureDetector的简单使用
GuoCong666的博客
01-22 586
概述 我们都知道，手指触摸屏幕时会产生一系列的事件，如手指刚按下会产生DOWN事件，移动产生MOVE事件，松开产生UP事件。为了与用户进行友好的交互，我们的程序往往需要检测这一系列的事件，从而将它们解释成一个既定的手势，最后做出准确的响应。例如，当用户用手指在屏幕上画出一个圆形，这将产生一些列的触摸事件DOWN-MOVE-MOVE-...UP，然后程序检测到这些事件后进行一定的分析，确定这是一个
gesturedetector.java_GestureDetector
weixin_42515631的博客
03-04 130
GestureDetector版本：Android 2.3 r1结构继承关系public class GestureDetector extends Objectjava.lang.Objectandroid.view.GestureDetector类概述通过系统提供的MotionEvent来监测各种手势和(触摸)事件。当一个指定的手势事件发生时，GestureDetector.OnGesture...
Android手势识别器GestureDetector使用详解
08-31
Android手势识别器GestureDetector使用详解 Android手势识别器GestureDetector是Android系统中的一种手势识别器，用于识别用户在屏幕上的各种手势，如单击、双击、滑动、拖动等。GestureDetector可以帮助开发者轻松...
对应源码---完整版
09-26
这篇文档将详细解析`GestureDetector`的使用方法，并结合提供的源码进行深入探讨。 ### 一、GestureDetector简介 `GestureDetector`是Android框架中的一个工具类，主要用于识别和处理常见的触摸屏手势。它可以监听...
《用户手势检测-GestureDetector使用详解》对应源码
09-26
本篇文章将深入探讨GestureDetector的使用，以及如何结合源码来理解其工作原理。 GestureDetector的核心功能在于识别常见的触摸事件序列，如单击、双击、滑动和长按等。它通过监听MotionEvent事件并将其转换为可...
GestureDetector 使用
weixin_42446445的博客
03-17 237
GestureDetector 是 Android 中，专门用来进行手势监听的一个对象，在他的监听器中，我们通过传入 MotionEvents 对象，就可以在各种事件的回调方法中各种手势进行监测。举个例子： GestureDetector 的 OnGestureListener 就是一种回调方法，就是说在获得了传入的这个 MotionEvents 对象之后，进行了处理，我们通过重写了其中的各种方法...
GestureDetector的用法和介绍
裴裴的Android学习和分享
02-02 6266
类描述： 通过系统提供的MotionEvent来监测各种手势和（触摸）事件。当一个指定的手势事件发生时，GestureDetector.OnGestureListener回调函数将通告用户。这个类仅仅处理由触摸引发的MotionEvent（不能处理由轨迹球引发的事件）。 类中的一些手势类型：    1.boolean  onDoubleTap(MotionEvent e)解释：双击的第二
Android Gesture Detector
iverson3838的专栏
12-31 454
Android Gesture Detector Android Touch Screen 与传统Click Touch Screen不同，会有一些手势(Gesture)，例如Fling，Scroll等等。这些Gesture会使用户体验大大提升。Android中的Gesture识别(detector)是通过GestureDetector.OnGestureListener接口实现的。
GestureDetector 简单使用
sinat_29962405的博客
04-30 342
GestureDetector是对传入的MotionEvent进行再判断的类。GestureDetector为我们提供了两个接口OnGestureListener，OnDoubleTapListener，还有一个内部类SimpleOnGestureListener。我们可以通过两种方法使用GestureDetector1、声明OnGestureListener接口，或者OnDoubleTapList
GestureDetector使用方法
u013745628的博客
08-08 276
首先，需要创建一个GestureDetector对象并实现OnGestureListener接口。 GestureDetector detector = new GestureDetector(this); //解决长按屏幕后无法拖动的现象 detector.setIsLongpressEnabled(false);
【Android】【Bug】使用OSmdroid绘制轨迹断裂问题
最新发布
每天不是在写bug就是在写bug的路上
09-14 860
使用OSmdroid绘制轨迹断裂问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值