页面滑动切换（类Launcher滑动屏幕实现）

最新推荐文章于 2024-09-12 12:00:31 发布
最新推荐文章于 2024-09-12 12:00:31 发布
阅读量739 收藏
点赞数
分类专栏： Android 
<?xml version="1.0" encoding="utf-8"?>    
<RelativeLayout 
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">    
    <com.genius.scroll.MyScrollLayout    
	  xmlns:android="http://schemas.android.com/apk/res/android"    
	  android:id="@+id/ScrollLayout"    
	  android:layout_width="fill_parent"    
	  android:layout_height="fill_parent">     
 	  <FrameLayout    
	  	android:background="@drawable/guide01"    
	  	android:layout_width="fill_parent"    
	  	android:layout_height="fill_parent">
	  </FrameLayout>        
	  <FrameLayout    
	  	android:background="@drawable/guide02"    
	  	android:layout_width="fill_parent"    
	  	android:layout_height="fill_parent">
	  </FrameLayout>    	      
	  <FrameLayout     
	  	android:background="@drawable/guide03"     
	  	android:layout_width="fill_parent"    
	  	android:layout_height="fill_parent">      
	  </FrameLayout>    	  
	  <FrameLayout    
	  	android:background="@drawable/guide04"    
	  	android:layout_width="fill_parent"    
	  	android:layout_height="fill_parent">    
	  </FrameLayout>    	  
	  <FrameLayout    
	  	android:background="@drawable/guide05"    
	  	android:layout_width="fill_parent"    
	  	android:layout_height="fill_parent">    
	  </FrameLayout>          
	</com.genius.scroll.MyScrollLayout> 
    <LinearLayout 
    	android:orientation="horizontal" 
    	android:id="@+id/llayout" 
    	android:layout_width="wrap_content" 
    	android:layout_height="wrap_content" 
    	android:layout_marginBottom="24.0dip" 
    	android:layout_alignParentBottom="true" 
    	android:layout_centerHorizontal="true">    	
        <ImageView android:clickable="true"  
        	android:padding="15.0dip" 
        	android:layout_gravity="center_vertical" 
        	android:layout_width="wrap_content" 
        	android:layout_height="wrap_content" 
        	android:src="@drawable/guide_round" />
        <ImageView android:clickable="true"  
        	android:padding="15.0dip"  
        	android:layout_gravity="center_vertical" 
        	android:layout_width="wrap_content" 
        	android:layout_height="wrap_content" 
        	android:src="@drawable/guide_round" />
        <ImageView android:clickable="true"  
        	android:padding="15.0dip"  
        	android:layout_gravity="center_vertical" 
        	android:layout_width="wrap_content" 
        	android:layout_height="wrap_content" 
        	android:src="@drawable/guide_round" />
        <ImageView android:clickable="true"  
        	android:padding="15.0dip"  
        	android:layout_gravity="center_vertical" 
        	android:layout_width="wrap_content" 
        	android:layout_height="wrap_content" 
        	android:src="@drawable/guide_round" />
        <ImageView android:clickable="true"  
        	android:padding="15.0dip"  
        	android:layout_gravity="center_vertical" 
        	android:layout_width="wrap_content" 
        	android:layout_height="wrap_content" 
        	android:src="@drawable/guide_round" />
    </LinearLayout>   
</RelativeLayout>


底部的LinearLayout是放了5个按钮，上面使用到了一个自定义的控件：MyScrollLayout下面再看下这个自定义控件：里面使用frameLayout放了5张图片。


public class MyScrollLayout extends ViewGroup{

    private static final String TAG = "ScrollLayout";      
    private VelocityTracker mVelocityTracker;  			// 用于判断甩动手势    
    private static final int SNAP_VELOCITY = 600;        
    private Scroller  mScroller;						// 滑动控制器	
    private int mCurScreen;    						    
	private int mDefaultScreen = 0;    						 
    private float mLastMotionX;       
    
    private OnViewChangeListener mOnViewChangeListener;	 
	public MyScrollLayout(Context context) {
		super(context);
		init(context);
	}	
	public MyScrollLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}	
	public MyScrollLayout(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);	
		init(context);
	}	
	private void init(Context context)
	{
		mCurScreen = mDefaultScreen;    	    	        
	    mScroller = new Scroller(context); 	    
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		// TODO Auto-generated method stub		
		 if (changed) {    
	            int childLeft = 0;    
	            final int childCount = getChildCount();    	                
	            for (int i=0; i<childCount; i++) {    
	                final View childView = getChildAt(i);    
	                if (childView.getVisibility() != View.GONE) {    
	                    final int childWidth = childView.getMeasuredWidth();    
	                    childView.layout(childLeft, 0,     
	                            childLeft+childWidth, childView.getMeasuredHeight());    
	                    childLeft += childWidth;    
	                }    
	            }    
	        }    
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// TODO Auto-generated method stub
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);		
		final int width = MeasureSpec.getSize(widthMeasureSpec);       
	    final int widthMode = MeasureSpec.getMode(widthMeasureSpec);      	    		
		final int count = getChildCount();       
        for (int i = 0; i < count; i++) {       
            getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);       
        }                
        scrollTo(mCurScreen * width, 0);		
	}

	 public void snapToDestination() {    
	        final int screenWidth = getWidth();    
	        final int destScreen = (getScrollX()+ screenWidth/2)/screenWidth;    
	        snapToScreen(destScreen);    
	 }  
	
	 public void snapToScreen(int whichScreen) {    	
	        // get the valid layout page    
	        whichScreen = Math.max(0, Math.min(whichScreen, getChildCount()-1));    
	        if (getScrollX() != (whichScreen*getWidth())) {    	                
	            final int delta = whichScreen*getWidth()-getScrollX();    
	      	            mScroller.startScroll(getScrollX(), 0,     
	                    delta, 0, Math.abs(delta)*2);	            
	            mCurScreen = whichScreen;    
	            invalidate();       // Redraw the layout    	            
	            if (mOnViewChangeListener != null)
	            {
	            	mOnViewChangeListener.OnViewChange(mCurScreen);
	            }
	        }    
	    }    

	@Override
	public void computeScroll() {
		// TODO Auto-generated method stub
		if (mScroller.computeScrollOffset()) {    
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());  
            postInvalidate();    
        }   
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub           	            
	        final int action = event.getAction();    
	        final float x = event.getX();    
	        final float y = event.getY();    	            
	        switch (action) {    
	        case MotionEvent.ACTION_DOWN: 	        	
	        	  Log.i("", "onTouchEvent  ACTION_DOWN");	        	  
	        	if (mVelocityTracker == null) {    
			            mVelocityTracker = VelocityTracker.obtain();    
			            mVelocityTracker.addMovement(event); 
			    }        	 
	            if (!mScroller.isFinished()){    
	                mScroller.abortAnimation();    
	            }                
	            mLastMotionX = x;	           
	            break;    	                
	        case MotionEvent.ACTION_MOVE:  
	           int deltaX = (int)(mLastMotionX - x);	           
        	   if (IsCanMove(deltaX)){
        		 if (mVelocityTracker != null){
  		            	mVelocityTracker.addMovement(event); 
  		         }   
  	            mLastMotionX = x;     
  	            scrollBy(deltaX, 0);	
        	   }       
	           break;    	                
	        case MotionEvent.ACTION_UP:       	        	
	        	int velocityX = 0;
	            if (mVelocityTracker != null){
	            	mVelocityTracker.addMovement(event); 
	            	mVelocityTracker.computeCurrentVelocity(1000);  
	            	velocityX = (int) mVelocityTracker.getXVelocity();
	            }	               	                
	            if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {             
	                Log.e(TAG, "snap left");    
	                snapToScreen(mCurScreen - 1);       
	            } else if (velocityX < -SNAP_VELOCITY       
	                    && mCurScreen < getChildCount() - 1) {           
	                Log.e(TAG, "snap right");    
	                snapToScreen(mCurScreen + 1);       
	            } else {       
	                snapToDestination();       
	            }      	            	            
	            if (mVelocityTracker != null) {       
	                mVelocityTracker.recycle();       
	                mVelocityTracker = null;       
	            }       
	            break;      
	        }    	            
	        return true;    
	}

	private boolean IsCanMove(int deltaX)
	{
		if (getScrollX() <= 0 && deltaX < 0 ){
			return false;
		}	
		if  (getScrollX() >=  (getChildCount() - 1) * getWidth() && deltaX > 0){
			return false;
		}		
		return true;
	}
	
	public void SetOnViewChangeListener(OnViewChangeListener listener)
	{
		mOnViewChangeListener = listener;
	}
}
首先注意，他继承了ViewGroup类，在这里面主要重写了onMeasure()、onTouchEvent()等方法，在这里使用了一个自定义的接口private OnViewChangeListener mOnViewChangeListener。看下它的定义： 


public interface OnViewChangeListener {
	public void OnViewChange(int view);
}

这个接口里之定义了一个回调方法：OnViewChange()这个方法的具体实现，是在主Activity中： 


public class SwitchViewDemoActivity extends Activity implements OnViewChangeListener, OnClickListener{
    /** Called when the activity is first created. */

	private MyScrollLayout mScrollLayout;	
	private ImageView[] mImageViews;	
	private int mViewCount;	
	private int mCurSel;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);        
        init();
    }
    
    private void init()
    {
    	mScrollLayout = (MyScrollLayout) findViewById(R.id.ScrollLayout); 	
    	LinearLayout linearLayout = (LinearLayout) findViewById(R.id.llayout);   	
    	mViewCount = mScrollLayout.getChildCount();
    	mImageViews = new ImageView[mViewCount];   	
    	for(int i = 0; i < mViewCount; i++)    	{
    		mImageViews[i] = (ImageView) linearLayout.getChildAt(i);
    		mImageViews[i].setEnabled(true);
    		mImageViews[i].setOnClickListener(this);
    		mImageViews[i].setTag(i);
    	}    	
    	mCurSel = 0;
    	mImageViews[mCurSel].setEnabled(false);    	
    	mScrollLayout.SetOnViewChangeListener(this);
    }

    private void setCurPoint(int index)
    {
    	if (index < 0 || index > mViewCount - 1 || mCurSel == index)    	{
    		return ;
    	}    	
    	mImageViews[mCurSel].setEnabled(true);
    	mImageViews[index].setEnabled(false);    	
    	mCurSel = index;
    }

    @Override
	public void OnViewChange(int view) {
		// TODO Auto-generated method stub
		setCurPoint(view);
	}

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		int pos = (Integer)(v.getTag());
		setCurPoint(pos);
		mScrollLayout.snapToScreen(pos);
	}
}

这个OnViewChange()方法，主要调用了setCurPoint()方法，就是完成界面的跳转。在MyScrollLayout中的snapToScreen()方法中就是典型的回调方法： 


public void snapToScreen(int whichScreen) {    	
	        // get the valid layout page    
	        whichScreen = Math.max(0, Math.min(whichScreen, getChildCount()-1));    
	        if (getScrollX() != (whichScreen*getWidth())) {    	                
	            final int delta = whichScreen*getWidth()-getScrollX();    
	      	            mScroller.startScroll(getScrollX(), 0,     
	                    delta, 0, Math.abs(delta)*2);	            
	            mCurScreen = whichScreen;    
	            invalidate();       // Redraw the layout    	            
	            if (mOnViewChangeListener != null)
	            {
	            	mOnViewChangeListener.OnViewChange(mCurScreen);
	            }
	        }    
	    } 

mOnViewChangeListener.OnViewChange(mCurScreen);

这句代码就是典型的回调。

在MyScrollLayout的onTouchEvent()的方法里面是对触屏事件做出的响应：


final int action = event.getAction();    
	        final float x = event.getX();    
	        final float y = event.getY();    	            
	        switch (action) {    
	        case MotionEvent.ACTION_DOWN: 	        	
	        	  Log.i("", "onTouchEvent  ACTION_DOWN");	        	  
	        	if (mVelocityTracker == null) {    
			            mVelocityTracker = VelocityTracker.obtain();    
			            mVelocityTracker.addMovement(event); 
			    }        	 
	            if (!mScroller.isFinished()){    
	                mScroller.abortAnimation();    
	            }                
	            mLastMotionX = x;	           
	            break;    	                
	        case MotionEvent.ACTION_MOVE:  
	           int deltaX = (int)(mLastMotionX - x);	           
        	   if (IsCanMove(deltaX)){
        		 if (mVelocityTracker != null){
  		            	mVelocityTracker.addMovement(event); 
  		         }   
  	            mLastMotionX = x;     
  	            scrollBy(deltaX, 0);	
        	   }       
	           break;    	                
	        case MotionEvent.ACTION_UP:       	        	
	        	int velocityX = 0;
	            if (mVelocityTracker != null){
	            	mVelocityTracker.addMovement(event); 
	            	mVelocityTracker.computeCurrentVelocity(1000);  
	            	velocityX = (int) mVelocityTracker.getXVelocity();
	            }	               	                
	            if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {             
	                Log.e(TAG, "snap left");    
	                snapToScreen(mCurScreen - 1);       
	            } else if (velocityX < -SNAP_VELOCITY       
	                    && mCurScreen < getChildCount() - 1) {           
	                Log.e(TAG, "snap right");    
	                snapToScreen(mCurScreen + 1);       
	            } else {       
	                snapToDestination();       
	            }      	            	            
	            if (mVelocityTracker != null) {       
	                mVelocityTracker.recycle();       
	                mVelocityTracker = null;       
	            }       
	            break;      
	        }

通过判断移动距离和移动方向做出不同的响应。


akazhuk
关注
专栏目录
android11.0 Launcher3 高端定制之循环滑动
cczhengv
04-28 1056
待机界面可以向左、向右循环切换页面 效果图 修改清单 packages/apps/Launcher3/res/values-zh-rCN/strings.xml packages/apps/Launcher3/res/values/config.xml packages/apps/Launcher3/res/values/strings.xml packages/apps/Launcher3/res/xml/launcher_preferences.xml packages/apps/Launc
Android 6.0 Launcher3 增加屏幕切换动画
01-09
在Launcher3中，屏幕切换动画可能涉及到View的TranslationX和TranslationY属性的改变，以实现左右滑动切换屏幕的效果。此外，可能还会用到Alpha属性来控制视图的透明度，增加动画的层次感。 接下来，我们关注源码包...
launcher屏幕滑动特效大集合
12-29
收集CM源码中launcher滑屏特效大集合，很难得的资源，喜欢可以下载。
【问题回溯】记录处理launcher3滑动卡顿问题
最新发布
繁鑫..的博客
09-12 838
拍摄照片，查看相册中照片的分辨率，为4k。进到设置中，分别尝试将系统自带的壁纸资源和拍摄的4k照片设置为壁纸，都不会有掉帧现象，说明设置中修改壁纸时，会对资源做裁剪。直接自己抓trace看，掉帧发生时的trace中，直接宏观观察app和sf出帧姿态，不是常规的卡顿掉帧，是稳定的出一帧掉一帧，帧率为30fps。因为缩放是采用的GSP合成，此芯片GSP合成慢，可能是这个原因导致gsp合成超时，fence释放慢，引发的掉帧问题。如下两图，选取任意两帧，其中A帧不掉，B帧掉，进行分析，发现其差异在B帧没有。
Launcher实现左右循环滑动
李浩然的专栏
11-14 2268
dispatchDraw()：重写了父类的dispatchDraw()；主要功能是判断抽屉是否打开、绘制指定的屏幕，可以绘制当前一屏，也可以绘制当前屏幕和下一屏幕，也可以绘制所有的屏幕，这儿的绘制指显示屏幕上的child（例如：app、folder、Wiget、shortcut）。和 computeScroll()中的setCurrentScreen(mCurrentScreen)方法配合使用
launcher修改--左右滑动屏幕切换源码追踪
wangxiaohigh
11-06 215
在android的源代码中，屏幕之间的跳转是如何实现的呢？在workspace.java中开始。在这个类中，为实现屏幕切换主要重写了以下几个方法：onMeasure（）、onLayout（）、onInterceptTouchEvent（）、onTouchEvent（）方法，另外还是用了CustomScroller mScroller来平滑过渡各个页面之间的切换。 首先，...
Android 页面滑动切换（类Launcher滑动屏幕实现）
02-03
下面的这个例子也是从网上找来的，不是自己写的，一直想学习下，但是一直没有写，以前也研究研究的是launcher的页面跳转，launcher修改--左右滑动屏幕切换源码追踪说实话，那个代码有点复杂，所以理解的也不是很透彻...
提取Launcher中的WorkSapce，可以左右滑动切换屏幕页面的类
05-04
提取Launcher中的WorkSapce，可以左右滑动切换屏幕页面的类，相应的源码说明可以参考文章：http://blog.csdn.net/Yao_GUET/archive/2011/05/04/6393962.aspx
Android应用源码之Android Launcher 桌面分页滑动代码.zip
10-22
本压缩包提供的"Android应用源码之Android Launcher 桌面分页滑动代码"是一个深入理解Android Launcher工作原理的好资源，特别是对于想了解如何实现桌面滑动效果的开发者来说，这是非常有价值的参考资料。...
拆解Launcher中的WorkSpace实现左右滑动效果
06-28
Android 拆解Launcher中的WorkSpace实现左右滑动效果
继承Linearlayout的Viewgroup可以左右流畅滑动切换
06-04
继承Linearlayout的Viewgroup可以左右流畅滑动切换，类似viewpage
QT QML Quick Controls2（Swipe View滑动翻页以及隐藏面板）
03-30
为智能手机或桌面应用提供滑动翻页功能，将不同主题和子应用分别在不同页面上，还提供隐藏面板，将详细信息隐藏在其中。
【窗体特效案例】C#利用api实现各种窗体特效案例
10-19
介绍： 这里主要利用API函数Animate Window实现窗体左右，上下，扩展，淡入滑动或滚动动画效果
Android Launcher2之页面滑动
dk_work的博客
01-20 549
PagedView.java 下面是PagedView的消息流程传递流程图 //滑动结束状态 protected final static int TOUCH_STATE_REST = 0; //正在滑动 protected final static int TOUCH_STATE_SCROLLING = 1; //滑动到上一页 protected final static int TOU
Android 类似launcher左右滑动(实例二)
{丸の子}
10-13 111
运行效果: [img]http://dl.iteye.com/upload/attachment/569341/9542ad89-e54b-347d-93b5-9fefd6727be1.jpg[/img] main.xml [code="java"] [/code] MainActivity.java [code="ja...
Android UI开发第二十篇——仿launcher的左右滑动
jinvasshole
12-06 136
在论坛里，经常看到有人问如何实现UC或墨迹天气那样的拖动效果。其实大部分的实现都是参考了Launcher里的Workspace这个类。今天又见问起，特分享一下曾经的用到的部分。先看一下效果图： 第一个视图 滑动过程中 第二个视图 ...
Android Launcher2 PagedView深度解析：页面滑动机制
launcher2中的PagedView是实现多页面滑动浏览的关键组件。PagedView继承自ViewGroup，它能够包含多个子View，通常在Launcher中，这些子View是CellLayout，用于组织和显示应用程序图标和其他内容。 页面滑动的核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值