Android中怎么利用zViewPager实现一个欢迎引导页面

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

项目结构图

四、具体的编码实现

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

<RelativeLayout xmlns:android="Http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/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="http://schemas.android.com/apk/res/android">  <item android:state_enabled="true" android:drawable="@drawable/point_nORMal" />  <item android:state_enabled="false" android:drawable="@drawable/point_select" /> </selector>

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;   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;  }     @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);  }     @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;   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 void onClick(View v) {   int position = (Integer)v.getTag();   setCurView(position);   setCurDot(position);   }     private void setCurView(int position){   if (position < 0 || position >= pics.length) {   return;   }   viewPager.setCurrentItem(position);  }     private void setCurDot(int positon){   if (positon < 0 || positon > pics.length - 1 || currentIndex == positon) {   return;   }   points[positon].setEnabled(false);   points[currentIndex].setEnabled(true);    currentIndex = positon;  } }

关于Android中怎么利用zViewPager实现一个欢迎引导页面就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。