Android之使用ViewPager实现图片展示(最简单的)

1.首先,新建一个Android项目,项目名称为ViewPagerTest,接着打开项目默认创建的activity_main.xml布局文件,进行修改:

activity_main.xml代码如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    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="wrap_content" />

</RelativeLayout>

其中,这里需要android-support-v4.jar包,如果没有,需要导入这个jar包后才能用ViewPager这个控件。



2.接着,再新建五个页面,用来显示图片,这里只附上一个布局文件(因为都是一样的,只是图片不一样而已),viewpager_view1代码如下:

<?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/mm1"/>

</LinearLayout>



3.接着打开MainActivity.java文件,通过设置适配器将上面那五个显示图片的页面放置到ViewPager里面,从此可以滑动图片,代码如下:

package com.android.viewpagertest;

import java.util.ArrayList;

import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.app.Activity;

public class MainActivity extends Activity {

	private ViewPager viewPager;// 声明一个ViewPager
	private ArrayList<View> pageView;// 声明一个存放视图的集合

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		viewPager = (ViewPager) findViewById(R.id.viewPager);// 获取布局中的ViewPager控件

		// 获取不同布局文件的View视图
		View view1 = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.viewpager_view1, null);
		View view2 = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.viewpager_view2, null);
		View view3 = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.viewpager_view3, null);
		View view4 = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.viewpager_view4, null);
		View view5 = LayoutInflater.from(MainActivity.this).inflate(
				R.layout.viewpager_view5, null);

		// 将view装入到一个集合中
		pageView = new ArrayList<View>();
		pageView.add(view1);
		pageView.add(view2);
		pageView.add(view3);
		pageView.add(view4);
		pageView.add(view5);

		// 数据适配器
		PagerAdapter mPagerAdapter = new PagerAdapter() {

			@Override
			// 获取当前窗体界面数
			public int getCount() {
				// TODO Auto-generated method stub
				return pageView.size();
			}

			@Override
			// 断是否由对象生成界面
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				return arg0 == arg1;
			}

			// 是从ViewGroup中移出当前View
			public void destroyItem(View arg0, int arg1, Object arg2) {
				((ViewPager) arg0).removeView(pageView.get(arg1));
			}

			// 返回一个对象,这个对象表明了PagerAdapter适配器选择哪个对象放在当前的ViewPager中
			public Object instantiateItem(View arg0, int arg1) {
				((ViewPager) arg0).addView(pageView.get(arg1));
				return pageView.get(arg1);
			}

		};

		// 绑定适配器
		viewPager.setAdapter(mPagerAdapter);
	}

}



4.运行部署此项目,效果如下:

向右滑动可显示另一图片。





5.以上内容仅供大家学习参考,谢谢!

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值