机制介绍分析
我看了一篇博客,写的非常详细,而且通俗易懂!
http://blog.csdn.net/morgan_xww/article/details/9372285/
简单的下拉刷新实现
首先我们写一个布局header.xml,里边只放一个TextView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="20dp"
android:text="下拉刷新"/>
</LinearLayout>
然后再写一个布局content.xml,放一个ListView
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:id="@+id/listview"
android:background="#ffffff"
android:layout_width="match_parent"
android:layout_height="match_parent"></ListView>
</LinearLayout>
接着我们自定义一个类MyRefreshLayout继承FrameLayout
import android.animation.ObjectAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.FrameLayout;
import android.widget.ListView;
/**
* Created by Administrator on 2015/9/24.
*/
public class MyRefreshLayout extends FrameLayout{
private ListView listView;
public MyRefreshLayout(Context context) {
super(context);
}
public MyRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
LayoutInflater inflater= (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View header=inflater.inflate(R.layout.header,null);
addView(header);
View content=inflater.inflate(R.layout.content,null);
listView= (ListView) content.findViewById(R.id.listview);
ArrayAdapter<String> adapter=new ArrayAdapter<String>(context,android.R.layout.simple_list_item_1,new String[]{"A","B","C","A","B","C","A","B","C","A","B","C","A","B","C","A","B","C","A","B","C","A","B","C"});
listView.setAdapter(adapter);
addView(content);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
if (listView.getFirstVisiblePosition()==0){
View firstView=listView.getChildAt(listView.getFirstVisiblePosition());
if (firstView.getY()>=0){
return true;//拦截事件,在当前View中处理该事件
}
}
return super.onInterceptTouchEvent(ev);
}
float Y;
float old_Y;
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
old_Y=event.getY();
return true;
case MotionEvent.ACTION_MOVE:
Y=event.getY();
listView.setTranslationY(listView.getTranslationY()+Y-old_Y);//下拉listview
invalidate();
old_Y=Y;
return true;
case MotionEvent.ACTION_UP:
ObjectAnimator.ofFloat(listView,"TranslationY",listView.getTranslationY(),0).setDuration(300).start();//松手后,设置listview恢复原位置的动画效果
return true;
}
return super.onTouchEvent(event);
}
}
然后将此MyRefreshLayout加载到我们的布局中:
<?xml version="1.0" encoding="utf-8"?>
<com.example.administrator.mytouchrefresh.MyRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
</com.example.administrator.mytouchrefresh.MyRefreshLayout>
最后是主活动的代码:
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
这样就实现了最简单的下拉刷新的效果。
手势检测
用法
Android 为手势检测提供了一个GestureDetector类,GestrueDetector实例代表了一个手势检测器,创建GestureDetector时需要传入一个GestureDetector.OnGestrureListener实例,GestureDetector.OnGestrueListener就是一个监听器,负责对用户的手势行为提供响应。
GestrueDetector.OnGestureListener里包含的事件处理抽象方法如下。
- boolean onDown(MotionEvent e):当触碰事件按下时触发该方法。
- boolean onFling(MotionEvent e1,MotionEvent e2,float velocitX,floatvelocity):当用户在触屏上拖过是触发该方法。其中velocityX,velocityY代表拖过动作在横向,纵向上的速度。
- void onLongPress(MotionEvent e):当用户在屏幕上长按时触发该方法。
- boolean onScroll(MotionEvent e1,MotionEvent e2,float distance,float distance):当用户在屏幕上滚动式触发该方法。
- void onShowPress(MotionEvent e):当用户在触摸屏上按下,而且还未移动和松开时触发该方法。
- boolean onSingleTapUp(MotionEvent e):用户在触摸屏上的轻击事件将会触发该方法。
注意:当然这里我们也可以传入GestureDetector.SimpleOnGestureListener()监听器,只对我们需要的方法进行重写!
代码示例
首先我们新建一个 MyButton类继承Button
import android.animation.ObjectAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
/**
* Created by Administrator on 2015/9/24.
*/
public class MyButton extends Button {
private GestureDetector gestureDetector;
public MyButton(Context context) {
super(context);
}
//写一个接口,定义一个双击的未实现方法
interface onDoubleClick {
public void onDoubleClick(View v);
}
private onDoubleClick onDoubleClickListener;
//给接口实例一个setter方法
public void setOnDoubleClickListener(onDoubleClick onDoubleClickListener) {
this.onDoubleClickListener = onDoubleClickListener;
}
public MyButton(Context context, AttributeSet attrs) {
super(context, attrs);
gestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onDoubleTap(MotionEvent e) {
if (onDoubleClickListener != null) {
onDoubleClickListener.onDoubleClick(MyButton.this);
}
return true;
}
//滑动
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
if (Math.abs(e2.getX() - e1.getX()) > 50) {
ObjectAnimator.ofFloat(MyButton.this, "TranslationX", getTranslationX(), getTranslationX() + e2.getX() - e1.getX())
.setDuration(500)
.start();
return true;
}
return super.onFling(e1, e2, velocityX, velocityY);
}
//拖动
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
setTranslationX(getTranslationX() + e2.getX() - e1.getX());
setTranslationY(getTranslationY() + e2.getY() - e1.getX());
return true;
}
});
}
@Override
public boolean onTouchEvent(MotionEvent event) {
gestureDetector.onTouchEvent(event);//让手势监听处理
return super.onTouchEvent(event);
}
}
然后将MyButton加入到我们的布局中
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.example.administrator.mygesturedemo.MyButton
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="测试按钮"/>
</RelativeLayout>
最后是主活动中的代码:
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
MyButton button= (MyButton) findViewById(R.id.button);
button.setOnDoubleClickListener(new MyButton.onDoubleClick() {
@Override
public void onDoubleClick(View v) {
Toast.makeText(MainActivity.this, "你双击了这个按钮!", Toast.LENGTH_SHORT).show();
}
});
}
}