Android开发实战之漂亮的ViewPager引导页

概述目前很多软件安装时都会出现引导页面，用户体验很好。下面就来DIY下：因为视频上传很麻烦，所以截图了。

目前很多软件安装时都会出现引导页面，用户体验很好。

下面就来DIY下：

因为视频上传很麻烦，所以截图了。

首先看看效果图：

点击小点可自由切换，滑动也可以自由切换，最后一个导航页添加了点击跳转。

开始实现引导页：

一、采集需要的图片放入drawable文件里

二、初始化每个导航页的视图

import androID.app.Activity;import androID.content.Intent;import androID.os.Bundle;import androID.support.v4.vIEw.VIEwPager;import androID.util.Log;import androID.vIEw.VIEw;import androID.Widget.ImageVIEw;import androID.Widget.linearLayout;import androID.Widget.TextVIEw;import com.yyp.myapp.Adapter.VIEwPagerAdapter;import com.yyp.myapp.R;import java.util.ArrayList;import java.util.List;public class VIEwPagerActivity extends Activity implements VIEwPager.OnPagechangelistener,VIEw.OnClickListener { private VIEwPager vIEwPager; private ImageVIEw[] pots; private List<VIEw> vIEws; private TextVIEw et_into_login; private VIEwPagerAdapter adapter; //图片资源 private int[] guIDeImages = {R.drawable.guIDe1,R.drawable.guIDe2,R.drawable.guIDe3}; private int index; private linearLayout layout; @OverrIDe protected voID onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentVIEw(R.layout.activity_vIEw_pager);  initVIEw();  initData(); } //初始化VIEwPager public voID initVIEw() {  layout = (linearLayout) this.findVIEwByID(R.ID.ll_pots);  vIEwPager = (VIEwPager) this.findVIEwByID(R.ID.vIEwpager);  et_into_login = (TextVIEw) this.findVIEwByID(R.ID.et_into_login);  vIEws = new ArrayList<VIEw>();  adapter = new VIEwPagerAdapter(vIEws);  pots = new ImageVIEw[guIDeImages.length];  Log.e("ll_vIEwpager",layout + ""); } //初始化每一个图片数据 public voID initData() {  //设置图片的长宽类型  androID.vIEw.VIEwGroup.LayoutParams layoutParams = new androID.vIEw.VIEwGroup.LayoutParams(androID.vIEw.VIEwGroup.LayoutParams.MATCH_PARENT,androID.vIEw.VIEwGroup.LayoutParams.MATCH_PARENT);  for(int i:guIDeImages)  {   ImageVIEw imageVIEw = new ImageVIEw(this);   imageVIEw.setimageResource(i); //将对应图片的ID传进去，用于初始化图片   imageVIEw.setLayoutParams(layoutParams);   vIEws.add(imageVIEw);  }  initpot();  vIEwPager.setAdapter(adapter);  vIEwPager.setonPagechangelistener(this); } //初始化每个点颜色 public voID initpot() {  //点的集合  for(int i=0;i<layout.getChildCount();i++)  {   //全部设置为灰色   pots[i] = (ImageVIEw) layout.getChildAt(i);   pots[i].setimageResource(R.drawable.pot5);   //给每个点设置点击事件   pots[i].setonClickListener(this);   pots[i].setTag(i);  }  //第一个设置为橙色  index = 0;  pots[index].setimageResource(R.drawable.pot1); } @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 position) {  // Todo auto-generated method stub  SetIndex(position);  //最后一张导航页才进行跳转提示  if(position==2){   et_into_login.setVisibility(VIEw.VISIBLE);  }else{   et_into_login.setVisibility(VIEw.INVISIBLE);  } } public voID SetIndex(int position) {  // Todo auto-generated method stub  for(int i=0;i<layout.getChildCount();i++)  {   //全部设置为灰色   pots[i] = (ImageVIEw) layout.getChildAt(i);   pots[i].setimageResource(R.drawable.pot5);  }  //选中的设置为橙色  pots[position].setimageResource(R.drawable.pot1); } @OverrIDe public voID onClick(VIEw v) {  // Todo auto-generated method stub  int i = (Integer) v.getTag();  //设置当前页为i所对应的图片  vIEwPager.setCurrentItem(i);  if(i==2){   et_into_login.setVisibility(VIEw.VISIBLE);  } } //跳转到登录界面 public voID Gologin(VIEw v){  Intent Gologin = new Intent(this,LoginActivity.class);  startActivity(Gologin);  finish(); }}

三、初始化期间自定义viewPager适配器

import androID.support.v4.vIEw.PagerAdapter;import androID.vIEw.VIEw;import androID.vIEw.VIEwGroup;import java.util.List;/** * Created by yyp on 2015/10/25. */public class VIEwPagerAdapter extends PagerAdapter { //获得导航页的图片集 private List<VIEw> vIEws; public VIEwPagerAdapter(List<VIEw> vIEws) {  this.vIEws = vIEws; } //获得界面个数 @OverrIDe public int getCount() {  //返回图片页数  return vIEws.size(); } //初始化position位置的界面 @OverrIDe public Object instantiateItem(VIEwGroup container,int position) {  ((VIEwGroup)container).addVIEw(vIEws.get(position));  return vIEws.get(position); } //判断是否由对象生成界面 @OverrIDe public boolean isVIEwFromObject(VIEw arg0,Object arg1) {  // Todo auto-generated method stub  return arg0==arg1; } //对不在界面内的导航页进行删除 @OverrIDe public voID destroyItem(VIEwGroup container,int position,Object object) {  container.removeVIEw(vIEws.get(position)); }}

在用户体验方面，我们能发掘的东西还有很多，说不定下次流行的视图，就是我们某个人做出来的。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android开发实战之漂亮的ViewPager引导页全部内容，希望文章能够帮你解决Android开发实战之漂亮的ViewPager引导页所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。