这是我第一篇技术方面的Blog,写Blog的主要目的是督促自己不断地学习新知识,对学过的知识整理归纳,以便于更好的消化吸收,同时也为了和别人做一些技术分享和交流,以共同提高。
看到一位Android达人写的“使用ViewPager实现高仿Launcher的拖动效果的文章”,我就按照他的介绍试验了一下,效果还不错。
下面上正文:
ViewPager是实现左右两个屏幕平滑地切换的一个类,它是google提供的。使用ViewPager需要引入android-support-v4.jar这个jar包,这里不做介绍,自己google吧!
下面先看一下效果:
效果请自行体验,图片采用的是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#