Android开发学习之基于ViewPager实现Gallery画廊效果

             通过我们前面的学习,我们知道ViewPager是可以做出近乎完美的滑动体验,回顾整个Android,我们发现Gallery具备同样的特点,于是我们大胆地猜想,Gallery是否和ViewPager之间有些关联呢?两者在功能上的类似和重叠,总会让我们对此充满好奇,我们开始思考:如果不借助Gallery,我们能否做出像Gallery一样的效果呢?答案是肯定的。那么,我们今天就来一起学习自己动手打造一个Gallery吧。

             首先讲述下原理,和前面一样,当我们继承PagerAdapter这个类时,一般会传入一个View类型的数组,这样在ViewPager绑定了这个适配器类时,就能将这个View数组里的View对象显示出来。在这里,View可以是一个布局,也可以是某个控件,甚至是任何继承自View的控件。所以,我们同样可以传入一个ImageView作为这个View对象啊。好,明白了原理,我们就来开始今天的学习吧!

            首先来看布局代码,ViewPager是必不可少的一个控件。

<LinearLayout 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:orientation="vertical"
    android:background="#000000"
    tools:context=".MainActivity" >
    <android.support.v4.view.ViewPager 
        android:id="@+id/ViewPager"
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"/>
</LinearLayout>
           

            接下来是那个百用不厌的ViewPagerAdapter类,继承自PagerAdapter:

package com.Android.ViewPager4Gallery;

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;//存放View的ArrayList
	
	/*
	 * ViewAdapter构造函数
	 * @author:Robin
	 */
	public ViewPagerAdapter(ArrayList<View> Views)
	{
		this.Views=Views;
	}

	
	/*
	 * 返回View的个数
	 */
	@Override
	public int getCount() 
	{
		if(Views!=null)
		{
			return Views.size();
		}
		return 0;
	}

	/*
	 * 销毁View
	 */
	@Override
	public void destroyItem(View container, int position, Object object) 
	{
		((ViewPager)container).removeView(Views.get(position));
	}

	/*
	 * 初始化
	 */
	@Override
	public Object instantiateItem(View container, int position) 
	{
		((ViewPager)container).addView(Views.get(position),0);
		return Views.get(position);

	}
	
	/*
	 * 判断View是否来自Object
	 */
	@Override
	public boolean isViewFromObject(View view, Object object) 
	{
		return (view==object);
	}

}

             然后就是核心的代码部分了,代码已经做好了注释,写得很明白,不再赘述了

package com.Android.ViewPager4Gallery;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnPageChangeListener {

	//图像资源
	private int[] Resources=new int[]{R.drawable.image1,R.drawable.image2,R.drawable.image3,
			R.drawable.image5,R.drawable.image5,R.drawable.image6,R.drawable.image7,R.drawable.image10,
			R.drawable.image11,R.drawable.image13,R.drawable.image16,R.drawable.image17,R.drawable.image18,
			R.drawable.image19,R.drawable.image21,R.drawable.image22,R.drawable.image23,R.drawable.image24,
			R.drawable.image25,R.drawable.image27,R.drawable.image28,R.drawable.image29};
	//适配器
	private ViewPagerAdapter mAdapter;
	//View数组
	private ArrayList<View> Views;
	//ViewPager
	private ViewPager mViewPager;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		//初始化Views
		Views=new ArrayList<View>(Resources.length);
		for(int i=0;i<Resources.length;i++)
		{
			ImageView image=new ImageView(this);
	        image.setImageResource(Resources[i]);
	        image.setScaleType(ImageView.ScaleType.FIT_XY);
	        image.setAdjustViewBounds(true);
			Views.add(image);
		}
		//初始化ViewPager
		mViewPager=(ViewPager)findViewById(R.id.ViewPager);
		//初始化适配器
		mAdapter=new ViewPagerAdapter(Views);
		//绑定
		mViewPager.setAdapter(mAdapter);
		//事件注册
		mViewPager.setOnPageChangeListener(this);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public void onPageScrollStateChanged(int arg0) 
	{
      
	}

	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) 
	{
		//Toast.makeText(this, "你滚动了ViewPager", Toast.LENGTH_SHORT).show();
	}

	@Override
	public void onPageSelected(int position) 
	{
		Toast.makeText(this, "这是第"+position+"张图片", Toast.LENGTH_SHORT).show();
	}

}

              最终运行效果如下:


          今天的内容就是这样了,快考试了,能写博客的时间不多咯!呵呵


ViewPager相关文章:

1、Android开发之ViewPager+ActionBar+Fragment实现响应式可滑动Tab

2、Android开发学习之基于ViewPager实现Gallery画廊效果

3、Android开发学习之使用ViewPager+PagerTabStrip制作可滑动的Tab

4Android开发学习之使用ViewPager打造应用引导界面面



          

雪轻鸿 CSDN认证博客专家 .NET Python 伪·全栈攻城狮
谢谢你,在这世界的角落,找到我,一个即将进入而立之年的中年大叔,常年以 飞鸿踏雪 的花名混迹江湖。在现实生活中,我是一名 伪·全栈攻城狮,因为我觉得,什么都略懂一点,生活会更多彩一些。目前,主要关注.NET、.NET Core、Python、数据分析、微服务、Web 等技术方向。日常行为:读书、写作、电影、烹饪、洞箫等。喜欢看日剧/纪录片/科普、刷B站、刷LeetCode等。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值