快捷導(dǎo)航

Android ViewPager實現(xiàn)頁面左右切換效果

更新時間：2022年04月24日 11:06:04 作者：被遺忘的秋天

這篇文章主要為大家詳細(xì)介紹了Android ViewPager實現(xiàn)頁面左右切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了Android ViewPager實現(xiàn)頁面左右切換的具體代碼，供大家參考，具體內(nèi)容如下

主界面viewpager.xml：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
? ? android:layout_width="fill_parent"
? ? android:layout_height="fill_parent"
? ? android:orientation="vertical" >
? ??
? ? ?<LinearLayout
? ? ? ? android:id="@+id/linearLayout01"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="vertical" >
?? ? ? ?<include android:id="@+id/item_header"
?? ? ? ? ? ??? ?layout="@layout/item_header" />
?? ? ? ?<android.support.v4.view.ViewPager
?? ? ? ? ? ?android:id="@+id/guidePages"
?? ? ? ? ? ?android:layout_width="fill_parent"
?? ? ? ? ? ?android:layout_height="wrap_content"/>
? ? ?? ?
?? ? ? </LinearLayout>
?? ? ??
? ? <LinearLayout
? ? ? ? android:id="@+id/linearLayout01"
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="wrap_content"
? ? ? ? android:orientation="vertical" >
? ? ? ??
? ? <RelativeLayout ?
? ? ? ? android:layout_width="fill_parent" ?
? ? ? ? android:layout_height="wrap_content" ?
? ? ? ? android:orientation="vertical" >
? ? ? ??
? ? <LinearLayout ?
? ? ? ? android:id="@+id/viewGroup" ?
? ? ? ? android:layout_width="fill_parent" ?
? ? ? ? android:layout_height="wrap_content" ?
? ? ? ? android:layout_alignParentBottom="true" ?
? ? ? ? android:layout_marginBottom="40dp" ?
? ? ? ? android:gravity="center_horizontal" ?
? ? ? ? android:orientation="horizontal" > ?
? ? ? ??
? ? </LinearLayout> ?
? ??
? ? </RelativeLayout>
? ? </LinearLayout>
</FrameLayout>

處理ViewPager的類：MyGuideViewActivity.java

package com.example.wenandroid;
?
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.view.Window;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
?
/**
?* Android實現(xiàn)左右滑動指引效果
?* @Description: Android實現(xiàn)左右滑動指引效果
?* @File: MyGuideViewActivity.java
?* @Package com.test.guide
?* @Author Hanyonglu
?* @Date 2012-4-6 下午11:15:18
?* @Version V1.0
?*/
public class MyGuideViewActivity extends Activity {
?? ? private ViewPager viewPager; ?
?? ? private ArrayList<View> pageViews; ?
?? ? private ImageView imageView; ?
?? ? private ImageView[] imageViews;?
?? ? // 包裹滑動圖片LinearLayout
?? ? private ViewGroup main;
?? ? // 包裹小圓點的LinearLayout
?? ? private ViewGroup group;
?? ? ? ?
? ? /** Called when the activity is first created. */
? ? @Override
? ? public void onCreate(Bundle savedInstanceState) {
? ? ? ? super.onCreate(savedInstanceState);
? ? ? ? // 設(shè)置無標(biāo)題窗口
? ? ? ? requestWindowFeature(Window.FEATURE_NO_TITLE);
? ? ? ??
? ? ? ? LayoutInflater inflater = getLayoutInflater(); ?
? ? ? ? pageViews = new ArrayList<View>(); ?
? ? ? ? pageViews.add(inflater.inflate(R.layout.item05, null));
? ? ? ? pageViews.add(inflater.inflate(R.layout.item06, null));
? ? ? ? pageViews.add(inflater.inflate(R.layout.item01, null)); ?
? ? ? ? pageViews.add(inflater.inflate(R.layout.item02, null)); ?
? ? ? ? pageViews.add(inflater.inflate(R.layout.item03, null)); ?
? ? ? ? pageViews.add(inflater.inflate(R.layout.item04, null)); ?
? ? ? ??
? ? ? ? imageViews = new ImageView[pageViews.size()]; ?
? ? ? ? main = (ViewGroup)inflater.inflate(R.layout.viewpager, null); ?
? ? ? ??
? ? ? ? group = (ViewGroup)main.findViewById(R.id.viewGroup); ?
? ? ? ? viewPager = (ViewPager)main.findViewById(R.id.guidePages); ?
? ? ? ??
? ? ? ? for (int i = 0; i < pageViews.size(); i++) { ?
? ? ? ? ? ? imageView = new ImageView(MyGuideViewActivity.this); ?
? ? ? ? ? ? imageView.setLayoutParams(new LayoutParams(20,20)); ?
? ? ? ? ? ? imageView.setPadding(20, 0, 20, 0); ?
? ? ? ? ? ? imageViews[i] = imageView; ?
? ? ? ? ? ??
? ? ? ? ? ? if (i == 0) { ?
? ? ? ? ? ? ? ? //默認(rèn)選中第一張圖片
? ? ? ? ? ? ? ? imageViews[i].setBackgroundResource(R.drawable.page_indicator_focused); ?
? ? ? ? ? ? } else { ?
? ? ? ? ? ? ? ? imageViews[i].setBackgroundResource(R.drawable.page_indicator); ?
? ? ? ? ? ? } ?
? ? ? ? ? ??
? ? ? ? ? ? group.addView(imageViews[i]); ?
? ? ? ? } ?
? ? ? ??
? ? ? ? setContentView(main);
? ? ? ??
? ? ? ? viewPager.setAdapter(new GuidePageAdapter()); ?
? ? ? ? viewPager.setOnPageChangeListener(new GuidePageChangeListener()); ?
? ? }
? ??
? ? // 指引頁面數(shù)據(jù)適配器
? ? class GuidePageAdapter extends PagerAdapter { ?
? ?? ? ?
? ? ? ? @Override ?
? ? ? ? public int getCount() { ?
? ? ? ? ? ? return pageViews.size(); ?
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public boolean isViewFromObject(View arg0, Object arg1) { ?
? ? ? ? ? ? return arg0 == arg1; ?
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public int getItemPosition(Object object) { ?
? ? ? ? ? ? return super.getItemPosition(object); ?
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public void destroyItem(View arg0, int arg1, Object arg2) { ?
? ? ? ? ? ? ((ViewPager) arg0).removeView(pageViews.get(arg1)); ?
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public Object instantiateItem(View arg0, int arg1) { ?
? ? ? ? ? ? ((ViewPager) arg0).addView(pageViews.get(arg1)); ?
? ? ? ? ? ? return pageViews.get(arg1); ?
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public void restoreState(Parcelable arg0, ClassLoader arg1) { ?
??
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public Parcelable saveState() { ?
? ? ? ? ? ? return null; ?
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public void startUpdate(View arg0) { ?
??
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public void finishUpdate(View arg0) { ?
??
? ? ? ? } ?
? ? }?
? ??
? ? // 指引頁面更改事件監(jiān)聽器
? ? class GuidePageChangeListener implements OnPageChangeListener { ?
? ? ?? ? ?
? ? ? ? @Override ?
? ? ? ? public void onPageScrollStateChanged(int arg0) { ?
??
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public void onPageScrolled(int arg0, float arg1, int arg2) { ?
??
? ? ? ? } ?
??
? ? ? ? @Override ?
? ? ? ? public void onPageSelected(int arg0) { ?
? ? ? ? ? ? for (int i = 0; i < imageViews.length; i++) { ?
? ? ? ? ? ? ? ? imageViews[arg0].setBackgroundResource(R.drawable.page_indicator_focused);
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? if (arg0 != i) { ?
? ? ? ? ? ? ? ? ? ? imageViews[i].setBackgroundResource(R.drawable.page_indicator); ?
? ? ? ? ? ? ? ? } ?
? ? ? ? ? ? }
? ? ? ? } ?
? ? } ?
}

其中page_indicator_focused圖片為：，即當(dāng)選中單個頁面時，下標(biāo)變紅。
page_iindicator圖片為：，當(dāng)未選中頁面時，未選中的頁面全部為黃色。