Android-ViewPager使用示例(二)

本文主要是介绍Android-ViewPager使用示例(二)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

根据上一篇Android-ViewPager使用示例
本篇介绍导航点

工程目录结构

核心代码段：
Guide.java

package com.example.viewpager;import java.util.ArrayList;
import java.util.List;import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;public class Guide extends Activity implements OnPageChangeListener {ViewPager mViewPager;ViewPagerAdapter mViewPagerAdapter;List<View> views;// 找到三个ImageViewprivate ImageView[] mDots;// 找到三个IDprivate int ids[] = { R.id.d1, R.id.d2, R.id.d3 };@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.guide);initViews();initDots();}void initViews() {LayoutInflater inflater = LayoutInflater.from(this);views = new ArrayList<View>();views.add(inflater.inflate(R.layout.one_layout, null));views.add(inflater.inflate(R.layout.two_layout, null));views.add(inflater.inflate(R.layout.three_layout, null));mViewPagerAdapter = new ViewPagerAdapter(views, this);// 实现mViewPagermViewPager = (ViewPager) findViewById(R.id.viewPager);mViewPager.setAdapter(mViewPagerAdapter);// 监听翻页mViewPager.setOnPageChangeListener(this);}private void initDots() {mDots = new ImageView[views.size()];for (int i = 0; i < views.size(); i++) {mDots[i] = (ImageView) findViewById(ids[i]);}}@Overridepublic void onPageScrollStateChanged(int arg0) {// 当滑动状态改变时调用}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {// 当页面被滑动时调用}@Overridepublic void onPageSelected(int arg0) {// 当前新的页面被选中时调用for (int i = 0; i < ids.length; i++) {if(arg0 == i){mDots[i].setImageResource(R.drawable.page_indicator_pressed);}else{mDots[i].setImageResource(R.drawable.page_indicator_normal);}}}
}

guide.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" ><android.support.v4.view.ViewPager
        android:id="@+id/viewPager"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#90EE90" ></android.support.v4.view.ViewPager><LinearLayout
        android:id="@+id/ll"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:gravity="center_horizontal"android:orientation="horizontal" ><ImageView
            android:id="@+id/d1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/page_indicator_normal" /><ImageView
            android:id="@+id/d2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/page_indicator_normal" /><ImageView
            android:id="@+id/d3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/page_indicator_pressed" /></LinearLayout></RelativeLayout>

注意1：监听OnPageChangeListener
注意2：注意png图片不能太大
其他部分代码请参考‘Android-ViewPager使用示例’

效果图：
第一页

第二页

需要原码请留言，看到速回

这篇关于Android-ViewPager使用示例(二)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---