使用ViewPager實(shí)現(xiàn)android軟件使用向?qū)Чδ軐?shí)現(xiàn)步驟
首先需要一個(gè)布局文件，是FlameLayout組成的，里面包含了一個(gè)ViewPager和一個(gè)RelativeLayout，RelativeLayout里面是一個(gè)LinearLayout，LinearLayout里面是準(zhǔn)備放ImageView，動(dòng)態(tài)添加。
布局文件如下：
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/guidePages"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom">
<LinearLayout
android:id="@+id/viewGroup"
android:layout_alignParentBottom="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center"
android:layout_marginBottom="30dip">
</LinearLayout>
</RelativeLayout>
</FrameLayout>
另外我們需要4個(gè)布局文件，就是向?qū)б@示的圖片，每個(gè)布局文件是一頁，每個(gè)布局文件里面都是一個(gè)ImageView。如下所示：
布局文件一：
<?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="match_parent"
android:layout_height="match_parent"
android:src="@drawable/feature_guide_0"/>"
</LinearLayout>
布局文件二：
<?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="match_parent"
android:layout_height="match_parent"
android:src="@drawable/feature_guide_1"/>
</LinearLayout>
布局文件三：
<?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="match_parent"
android:layout_height="match_parent"
android:src="@drawable/feature_guide_2"/>"
</LinearLayout>
布局文件四：
<?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="match_parent"
android:layout_height="match_parent"
android:src="@drawable/feature_guide_3"/>"
</LinearLayout>
然后在代碼里面加載這4個(gè)布局文件和主布局文件：
Activity代碼：
package com.alex.helloworld;
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.LayoutParams;
import android.view.Window;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
public class HelloWord2 extends Activity implements OnPageChangeListener {
private ArrayList<View> mPageViews;
private LayoutInflater mInflater;
private LinearLayout mGroups;
private FrameLayout mMain;
private ViewPager mViewPager;
private ImageView[] mImageViews;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
mInflater = LayoutInflater.from(this);
mPageViews = new ArrayList<View>();
mPageViews.add(mInflater.inflate(R.layout.item_0, null));
mPageViews.add(mInflater.inflate(R.layout.item_1, null));
mPageViews.add(mInflater.inflate(R.layout.item_2, null));
mPageViews.add(mInflater.inflate(R.layout.item_3, null));
mMain = (FrameLayout) mInflater.inflate(R.layout.hello2, null);
mGroups = (LinearLayout) mMain.findViewById(R.id.viewGroup);
mViewPager = (ViewPager) mMain.findViewById(R.id.guidePages);
mImageViews = new ImageView[mPageViews.size()];
for(int i=0; i<mPageViews.size(); i++) {
ImageView iv = new ImageView(this);
iv.setLayoutParams(new LayoutParams(20, 20));
mImageViews[i] = iv;
if(i == 0) {
mImageViews[i].setBackgroundResource(R.drawable.page_indicator_focused);
} else {
mImageViews[i].setBackgroundResource(R.drawable.page_indicator);
}
mGroups.addView(mImageViews[i]);
}
mViewPager.setAdapter(mPageAdapter);
mViewPager.setOnPageChangeListener(this);
setContentView(mMain);
}
private PagerAdapter mPageAdapter = new PagerAdapter() {
@Override
public void startUpdate(View arg0) {
}
@Override
public Parcelable saveState() {
return null;
}
@Override
public void restoreState(Parcelable arg0, ClassLoader arg1) {
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public Object instantiateItem(View arg0, int arg1) {
((ViewPager)arg0).addView(mPageViews.get(arg1));
return mPageViews.get(arg1);
}
@Override
public int getCount() {
return mPageViews.size();
}
@Override
public void finishUpdate(View arg0) {
}
@Override
public void destroyItem(View arg0, int arg1, Object arg2) {
((ViewPager)arg0).removeView(mPageViews.get(arg1));
}
};
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
for(int i=0; i<mPageViews.size(); i++) {
mImageViews[position].setBackgroundResource(R.drawable.page_indicator_focused);
if(position != i) {
mImageViews[i].setBackgroundResource(R.drawable.page_indicator);
}
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
}
首先從LayoutInflater里面加載4個(gè)要顯示的布局和主布局文件。
然后把布局文件作為View放到一個(gè)ArrayList里面。
然后從主布局里面找到ViewPager和LinearLayout，ViewPager用來裝載4個(gè)布局文件，LinearLayout用來裝載4個(gè)提示圖標(biāo)。
然后新建4個(gè)ImageView，并設(shè)置對應(yīng)的背景，然后作為View添加到LinearLayout里面去。
然后給ViewPager設(shè)置Adapter，設(shè)置onPageChangeListener。
Adapter里面要設(shè)置getCount，就是頁面的個(gè)數(shù)，我們這里是4個(gè)，就設(shè)置4；
同時(shí)在instantiateItem里面講對應(yīng)的頁面add進(jìn)去，并返回對應(yīng)的頁面。
在destroyItem的時(shí)候講頁面remove掉。
在選擇頁面的方法里面onPageSelected里面設(shè)置選中圖標(biāo)的背景。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Android開發(fā)中線程間通信的相關(guān)資料，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)Android有一定的幫助，?需要的可以了解一下2022-11-11
Android游戲開發(fā)學(xué)習(xí)之引擎用法實(shí)例詳解
這篇文章主要介紹了Android游戲開發(fā)學(xué)習(xí)之引擎用法,較為詳細(xì)的分析了Android游戲開發(fā)中所常用的JBox2D引擎功能及相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Android 情景模式的設(shè)置代碼，需要的朋友可以參考一下2013-05-05
Android中默認(rèn)系統(tǒng)的聲音/大小修改和配置詳解
這篇文章主要給大家介紹了關(guān)于Android中默認(rèn)系統(tǒng)的聲音/大小修改和配置的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-11-11
解析Android開發(fā)優(yōu)化之:從代碼角度進(jìn)行優(yōu)化的技巧
下面我們就從幾個(gè)方面來了解Android開發(fā)過程中的代碼優(yōu)化，需要的朋友參考下2013-05-05
Android利用ViewPager實(shí)現(xiàn)帶小圓球的圖片滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了Android利用ViewPager實(shí)現(xiàn)帶小圓球的圖片滑動(dòng)，并且只有第一次安裝app時(shí)才出現(xiàn)歡迎界面具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
Android Studio配置國內(nèi)鏡像源（利用hosts）
這篇文章主要介紹了Android Studio配置國內(nèi)鏡像源(利用hosts)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
Android NDK開發(fā)(C語言基本數(shù)據(jù)類型)
這篇文章主要介紹了Android NDK開發(fā)中，C語言基本數(shù)據(jù)類型，主要以C語言包含的數(shù)據(jù)類型及基本類型展開相關(guān)資料,需要的朋友可以參考一下2021-12-12
Android SharedPreferences數(shù)據(jù)存儲(chǔ)詳解
SharedPreferences是安卓平臺(tái)上一個(gè)輕量級的存儲(chǔ)類，用來保存應(yīng)用的一些常用配置，比如Activity狀態(tài)，Activity暫停時(shí)，將此activity的狀態(tài)保存到SharedPereferences中；當(dāng)Activity重載，系統(tǒng)回調(diào)方法onSaveInstanceState時(shí)，再從SharedPreferences中將值取出2022-11-11
這篇文章主要介紹了Android 中 ThreadLocal使用示例的相關(guān)資料,這里提供示例代碼幫助大家學(xué)習(xí)理解這部分內(nèi)容，需要的朋友可以參考下2017-09-09