【移动应用开发技术】Android中怎么利用zViewPager实现一个欢迎引导页面

【移动应用开发技术】Android中怎么利用zViewPager实现一个欢迎引导页面

这篇文章给大家介绍Android中怎么利用zViewPager实现一个欢迎引导页面，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。项目结构图四、具体的编码实现1、

布局界面比较简单，加入ViewPager组件，以及底部的引导小点，activity_main.xml:<RelativeLayout

xmlns:android="/apk/res/android"

xmlns:tools="/tools"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<android.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

/>

<LinearLayout

android:id="@+id/ll"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginBottom="24.0dip"

android:orientation="horizontal">

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15.0dip"

android:src="@drawable/point"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15.0dip"

android:src="@drawable/point"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15.0dip"

android:src="@drawable/point"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15.0dip"

android:src="@drawable/point"/>

</LinearLayout>

</RelativeLayout>

2、其中小点的图片用一个selector来控制颜色，point.xml：<?xml

version="1.0"

encoding="UTF-8"?>

<selector

xmlns:android="/apk/res/android">

<item

android:state_enabled="true"

android:drawable="@drawable/point_normal"

/>

<item

android:state_enabled="false"

android:drawable="@drawable/point_select"

/>

</selector>3、ViewPager适配器代码，ViewPagerAdapter.java：package

com.yangyu;

import

java.util.ArrayList;

import

android.support.v4.view.PagerAdapter;

import

android.support.v4.view.ViewPager;

import

android.view.View;

/**

*

@author

yangyu

*

功能描述：ViewPager适配器，用来绑定数据和view

*/

public

class

ViewPagerAdapter

extends

PagerAdapter

{

//界面列表

private

ArrayList<View>

views;

public

ViewPagerAdapter

(ArrayList<View>

views){

this.views

=

views;

}

/**

*

获得当前界面数

*/

@Override

public

int

getCount()

{

if

(views

!=

null)

{

return

views.size();

}

return

0;

}

/**

*

初始化position位置的界面

*/

@Override

public

Object

instantiateItem(View

view,

int

position)

{

((ViewPager)

view).addView(views.get(position),

0);

return

views.get(position);

}

/**

*

判断是否由对象生成界面

*/

@Override

public

boolean

isViewFromObject(View

view,

Object

arg1)

{

return

(view

==

arg1);

}

/**

*

销毁position位置的界面

*/

@Override

public

void

destroyItem(View

view,

int

position,

Object

arg2)

{

((ViewPager)

view).removeView(views.get(position));

}

}

4、主程序入口类，MainActivity.java：package

com.yangyu;

import

java.util.ArrayList;

import

android.app.Activity;

import

android.os.Bundle;

import

android.support.v4.view.ViewPager;

import

android.support.v4.view.ViewPager.OnPageChangeListener;

import

android.view.View;

import

android.view.View.OnClickListener;

import

android.widget.ImageView;

import

android.widget.LinearLayout;

import

com.example.myguideview01.R;

/**

*

@author

yangyu

*

功能描述：主程序入口类

*/

public

class

MainActivity

extends

Activity

implements

OnClickListener,OnPageChangeListener

{

//定义ViewPager对象

private

ViewPager

viewPager;

//定义ViewPager适配器

private

ViewPagerAdapter

vpAdapter;

//定义一个ArrayList来存放View

private

ArrayList<View>

views;

//引导图片资源

private

static

final

int[]

pics

=

{R.drawable.guide1,R.drawable.guide2,R.drawable.guide3,R.drawable.guide4};

//底部小点的图片

private

ImageView[]

points;

//记录当前选中位置

private

int

currentIndex;

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

initData();

}

/**

*

初始化组件

*/

private

void

initView(){

//实例化ArrayList对象

views

=

new

ArrayList<View>();

//实例化ViewPager

viewPager

=

(ViewPager)

findViewById(R.id.viewpager);

//实例化ViewPager适配器

vpAdapter

=

new

ViewPagerAdapter(views);

}

/**

*

初始化数据

*/

private

void

initData(){

//定义一个布局并设置参数

LinearLayout.LayoutParams

mParams

=

new

LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,

LinearLayout.LayoutParams.FILL_PARENT);

//初始化引导图片列表

for(int

i=0;

i<pics.length;

i++)

{

ImageView

iv

=

new

ImageView(this);

iv.setLayoutParams(mParams);

iv.setImageResource(pics[i]);

views.add(iv);

}

//设置数据

viewPager.setAdapter(vpAdapter);

//设置监听

viewPager.setOnPageChangeListener(this);

//初始化底部小点

initPoint();

}

/**

*

初始化底部小点

*/

private

void

initPoint(){

LinearLayout

linearLayout

=

(LinearLayout)

findViewById(R.id.ll);

points

=

new

ImageView[pics.length];

//循环取得小点图片

for

(int

i

=

0;

i

<

pics.length;

i++)

{

//得到一个LinearLayout下面的每一个子元素

points[i]

=

(ImageView)

linearLayout.getChildAt(i);

//默认都设为灰色

points[i].setEnabled(true);

//给每个小点设置监听

points[i].setOnClickListener(this);

//设置位置tag，方便取出与当前位置对应

points[i].setTag(i);

}

//设置当面默认的位置

currentIndex

=

0;

//设置为白色，即选中状态

points[currentIndex].setEnabled(false);

}

/**

*

当滑动状态改变时调用

*/

@Override

public

void

onPageScrollStateChanged(int

arg0)

{

}

/**

*

当当前页面被滑动时调用

*/

@Override

public

void

onPageScrolled(int

arg0,

float

arg1,

int

arg2)

{

}

/**

*

当新的页面被选中时调用

*/

@Override

public

void

onPageSelected(int

position)

{

//设置底部小点选中状态

setCurDot(position);

}

/**

*

通过点击事件来切换当前的页面

*/

@Override

public

v