天天看点

使用ViewPager实现高仿Launcher的拖动效果

   这是我第一篇技术方面的Blog,写Blog的主要目的是督促自己不断地学习新知识,对学过的知识整理归纳,以便于更好的消化吸收,同时也为了和别人做一些技术分享和交流,以共同提高。

看到一位Android达人写的“使用ViewPager实现高仿Launcher的拖动效果的文章”,我就按照他的介绍试验了一下,效果还不错。

下面上正文:

ViewPager是实现左右两个屏幕平滑地切换的一个类,它是google提供的。使用ViewPager需要引入android-support-v4.jar这个jar包,这里不做介绍,自己google吧!

下面先看一下效果:

使用ViewPager实现高仿Launcher的拖动效果
使用ViewPager实现高仿Launcher的拖动效果
使用ViewPager实现高仿Launcher的拖动效果

效果请自行体验,图片采用的是Fetion的图片,因为Fetion有类似的功能,所以就直接反编译了Fetion的APK,得到的Demo需要的图片。下面上代码:

首先是layout下面的main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rootLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/newlogin_bg" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:id="@+id/dotGroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="30dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >
    </LinearLayout>

</RelativeLayout>
           

接下来为每一个切换界面设置布局,page0.xml:

<?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" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/welcome_p0" />

</LinearLayout>
           

其他的几个界面布局和这个一样,就是修改一下背景图片,所以不再复述。

最后是Java代码:

package com.eason.viewpager;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

public class ViewPagerExampleActivity extends Activity {
	ViewPager mViewPager;
	ArrayList<View> mViewList;
	ViewGroup mViewMain, mViewGroup;
	ImageView mImageView;
	ImageView[] mImageArray;
	
	
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        LayoutInflater inflater = getLayoutInflater();
        mViewList = new ArrayList<View>();
        mViewList.add(inflater.inflate(R.layout.page0, null));
        mViewList.add(inflater.inflate(R.layout.page1, null));
        mViewList.add(inflater.inflate(R.layout.page2, null));
        
        mImageArray = new ImageView[mViewList.size()];
        ViewGroup mViewMain = (ViewGroup) inflater.inflate(R.layout.main, null);
        // group是R.layou.main中的负责包裹小圆点的LinearLayout.
        ViewGroup mViewGroup = (ViewGroup) mViewMain.findViewById(R.id.dotGroup);
        mViewPager = (ViewPager) mViewMain.findViewById(R.id.viewPager);
        
        for (int i=0; i < mViewList.size(); i++) {
        	mImageView = new ImageView(this);
//        	mImageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, 
//        			LayoutParams.WRAP_CONTENT));
        	mImageView.setPadding(11, 0, 11, 0);
        	mImageArray[i] = mImageView;
        	if (i == 0) {
        		// 默认进入程序后第一张图片被选中
        		mImageArray[i].setImageResource(R.drawable.pager_dot_active);
        	} else {
        		mImageArray[i].setImageResource(R.drawable.pager_dot_inactive);
        	}
        	mViewGroup.addView(mImageArray[i]);
        }
        
        setContentView(mViewMain);
        mViewPager.setAdapter(new MyAdaper());
        mViewPager.setOnPageChangeListener(new MyListener());
    }
    
    private class MyAdaper extends PagerAdapter {

		@Override
		public void destroyItem(View arg0, int arg1, Object arg2) {
			((ViewPager)arg0).removeView(mViewList.get(arg1));
		}

		@Override
		public void finishUpdate(View arg0) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public int getCount() {
			return mViewList.size();
		}

		@Override
		public Object instantiateItem(View arg0, int arg1) {
			((ViewPager)arg0).addView(mViewList.get(arg1));
			return mViewList.get(arg1);
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}

		@Override
		public void restoreState(Parcelable arg0, ClassLoader arg1) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public Parcelable saveState() {
			// TODO Auto-generated method stub
			return null;
		}

		@Override
		public void startUpdate(View arg0) {
			// TODO Auto-generated method stub
			
		}
    }
    
    
    private class MyListener implements OnPageChangeListener {

		@Override
		public void onPageScrollStateChanged(int arg0) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public void onPageSelected(int arg0) {
			for (int i = 0; i < mImageArray.length; i++) {
				if (i == arg0) {
					mImageArray[i].setImageResource(R.drawable.pager_dot_active);
				} else {
					mImageArray[i].setImageResource(R.drawable.pager_dot_inactive);
				}
			}
			
		}
    	
    }
    
}
           

另外还需要把Activity的设置成NoTitleBar的,可以在AndroidManifest.xml进行设置,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.eason.viewpager"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="8" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:label="@string/app_name"
            android:name=".ViewPagerExampleActivity"
            android:theme="@android:style/Theme.NoTitleBar" >
            <intent-filter >
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
           

最后提醒一句,不要忘记加入android-support-v4.jar这个jar包。

转自:http://blog.csdn.net/wangkuifeng0118/article/details/7388166#