自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)

自定义控件---继承ViewGroup类方式(循序渐进之第2步效果----图片左右拖动+自动回弹效果)

-----------------------下面这个效果只是整个效果的第二步-(目前左右拖动图片+回弹效果)---一会继续更新博客-------------------------

自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)

自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)

配置文件

activity_main.xml(不解释,只有一个自定义控件)

[html] view plaincopy自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent" >  
  5.   
  6.   
  7.     <com.example.mscrollview.mScrollView  
  8.         android:id="@+id/msv"  
  9.         android:layout_width="match_parent"  
  10.         android:layout_height="match_parent" />  
  11.   
  12. </RelativeLayout>  

mScrollView.java

package com.example.mscrollview;

import android.R.xml;
import android.content.Context;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;

public class mScrollView extends ViewGroup {

	//定义手势识别器
	private GestureDetector gestureDetector;
	//1、构造器
	public mScrollView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView(context);
	}
	/*
	 * 2、得到孩子页面的位置和大小
	 */
	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		for (int i = 0; i < getChildCount(); i++) {
			//根据id得到孩子
			View childView = getChildAt(i);
			//布局每个页面的位置
			childView.layout(i*getWidth(), 0, getWidth()+getWidth()*i, getHeight());
		}
	}
	/*
	 * 初始化view
	 */
	private void initView(Context context) {
		//手势识别实例化
		gestureDetector = new GestureDetector(context,new GestureDetector.SimpleOnGestureListener(){
			//手指拖动调用该方法,e1代表按下,e2代表离开事件
			@Override
			public boolean onScroll(MotionEvent e1, MotionEvent e2,
					float distanceX, float distanceY) {
				//x轴y轴移动的距离
				scrollBy((int) distanceX, 0);
				//事件处理完毕
				return true;
				//scrollTo(x,y)要移动到的坐标上
			}
		});
	}

	/**
	 * 接收事件onScroll
	 */
	//记录起始坐标
	private float startX;
	//记录目前页面的索引位置
	private int currentIndex;
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		super.onTouchEvent(event);//执行父类方法,事件不会被拦截
		//接受事件
		gestureDetector.onTouchEvent(event);
		switch (event.getAction()) {
		//这个案例事件涉及到三种,按下、移动、离开
		case MotionEvent.ACTION_DOWN:
			//只要一按下就记录起始坐标
			startX = event.getX();
			break;
		case MotionEvent.ACTION_MOVE:
			
			break;
		case MotionEvent.ACTION_UP:
			//手指离开,记录新坐标
			float endX = event.getX();
			
			//计算偏移量
			if (endX-startX>getWidth()/2) {
				//上一个页面
				currentIndex --;
				
			}else if(startX - endX >getWidth()/2){
				//显示下一个页面
				currentIndex ++;
			}
			moveTo(currentIndex);
			break;

		default:
			break;
		}
		return true;
	}
	/*
	 * 根据当前页面索引,移动到对应的位置
	 */
	private void moveTo(int ScrolledIndex) {
		//屏蔽非法值如果移动到的页面缩影小于0就直接定位到第一张
		if (ScrolledIndex<0) {
			ScrolledIndex = 0;
		}
		//如果移动到的页码大于最后一张页面的索引,就定位到最后一张
		if (ScrolledIndex > getChildCount()-1) {
			ScrolledIndex = getChildCount()-1;
		}
		//将新的页面索引赋值给目前的页面索引值
		currentIndex = ScrolledIndex;
		//定位到某个坐标
		scrollTo(currentIndex*getWidth(), 0);
	}

}


MainActivity.java(步骤都在注释里,简单明了,就是得到图片资源,得到自定义控件,将图片放到自定义控件里,因为自定义控件是继承Viewgroup,是一个组合,需要添加东西,ok? ok!)

[java] view plaincopy自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)自定义控件-继承ViewGroup类模式(循序渐进之第2步效果-图片左右拖动+自动回弹效果)
  1. package com.example.mscrollview;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.widget.ImageView;  
  6.   
  7. public class MainActivity extends Activity {  
  8.   
  9.     // 1、图片资源  
  10.     private int[] ids = { R.drawable.a1, R.drawable.a2, R.drawable.a3,  
  11.             R.drawable.a3, R.drawable.a5, R.drawable.a6 };  
  12.     // 2、定义自定义控件  
  13.     private mScrollView msv;  
  14.   
  15.     @Override  
  16.     protected void onCreate(Bundle savedInstanceState) {  
  17.         super.onCreate(savedInstanceState);  
  18.         setContentView(R.layout.activity_main);  
  19.         //创建自定义控件对象  
  20.         msv = (mScrollView) findViewById(R.id.msv);  
  21.         // 循环遍历6张图片,依次为图片对象添加背景图片,然后加入到msv自定义控件中  
  22.         for (int i = 0; i < ids.length; i++) {  
  23.             ImageView iv = new ImageView(this);  
  24.             iv.setBackgroundResource(ids[i]);  
  25.             //3、 添加子页面  
  26.             msv.addView(iv);  
  27.         }  
  28.     }  
  29. }