Android中ViewPager常用功能4----图片查看器

picasso-2.4.0.jar

AndroidManifest.xml添加权限

<!--开启网络权限-->
<uses-permission android:name="android.permission.INTERNET" />

MainActivity中

package com.example.viewpagetest5;

import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.orhanobut.logger.Logger;
import com.squareup.picasso.Picasso;

import java.util.ArrayList;
import java.util.List;

/**
* viewPager实现图片查看器
*/
public class MainActivity extends Activity {
//  列表控件
private ListView lvPhoto;
//  viewPager
private ViewPager viewPager;
//  存放资源的list
List<String>list;
//  viewPager,装view的数组
private View[] viewArray;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
myOnclick();
}
//  初始化控件
private void initView(){
lvPhoto = (ListView)findViewById(R.id.lvPhoto);
//      拿到数据资源
List list=getData();
Logger.t("111").d("list"+list.size());
LvAdapter lvAdapter = new LvAdapter(list,MainActivity.this);
lvPhoto.setAdapter(lvAdapter);
//      滑动控件
viewPager = (ViewPager)findViewById(R.id.viewPager);
//      拿到数据
viewArray = getViewPagerData();
//      绑定数据
viewPager.setAdapter(new MyAdapter());
//      监听滑动
viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
//          这个方法会在屏幕滚动过程中不断被调用。
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

//          代表哪个页面被选中。
@Override
public void onPageSelected(int position) {
//                      设置一个右下角的图片个数
TextView tv= (TextView) viewArray[position].findViewById(R.id.tvYeShu);
tv.setText(position+1+"/"+viewArray.length);
}

//          这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。
@Override
public void onPageScrollStateChanged(int state) {

}
});

}
//  点击事件
private void myOnclick(){
lvPhoto.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "条目点击事件"+position, Toast.LENGTH_SHORT).show();
lvPhoto.setVisibility(View.GONE);
viewPager.setVisibility(View.VISIBLE);
// 显示页面
viewPager.setCurrentItem(position);
//                      设置一个右下角的图片个数
TextView tv= (TextView) viewArray[position].findViewById(R.id.tvYeShu);
tv.setText(position+1+"/"+viewArray.length);
}
});

}
//  制造一组数据
private List<String> getData(){
list = new ArrayList<>();
list.add("http://www.zhlzw.com/UploadFiles/Article_UploadFiles/201204/20120412123914329.jpg");
list.add("http://www.zhlzw.com/UploadFiles/Article_UploadFiles/201204/20120412123912727.jpg");
list.add("http://pic.58pic.com/58pic/15/36/26/12J58PICuz4_1024.jpg");
list.add("http://pic.58pic.com/58pic/15/14/14/18e58PICMwt_1024.jpg");
return  list;
}
//  存放viewPager的数据
private View[] getViewPagerData(){
viewArray=new View[list.size()];
//      实例化布局，加载图片，并放到数组中
for (int i = 0; i < viewArray.length; i++) {
//          存放布局
LayoutInflater layoutInflater = getLayoutInflater();
View view = layoutInflater.inflate(R.layout.activity_lay, null);
ImageView imageView = (ImageView) view.findViewById(R.id.imageView);
Picasso.with(this).load(list.get(i)).into(imageView);
viewArray[i] = view;
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
lvPhoto.setVisibility(View.VISIBLE);
viewPager.setVisibility(View.GONE);
}
});
}
return viewArray;
}
/**
* 适配器绑定图片
*/
public class MyAdapter extends PagerAdapter {

@Override
public int getCount() {
return viewArray.length;
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
View view = viewArray[position];
container.removeView(view);

}

@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
View view = viewArray[position];
container.addView(view);
return view;

}
}

}

LvAdapter中

package com.example.viewpagetest5;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

import com.orhanobut.logger.Logger;
import com.squareup.picasso.Picasso;

import java.util.List;

/**
* Created by 16838 on 2017/7/26.
*/
public class LvAdapter extends BaseAdapter{
private Context context;
private List<String>list;
private ViewHolder viewHolder;
public LvAdapter(List<String>list,Context context){
this.list=list;
this.context=context;

}

@Override
public int getCount() {
return list.size();
}

@Override
public Object getItem(int position) {
return list.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView==null) {
viewHolder=new ViewHolder();
convertView =LayoutInflater.from(context).inflate(R.layout.item_layout,null);
viewHolder.ivPhoto= (ImageView) convertView.findViewById(R.id.ivPhoto);
convertView.setTag(viewHolder);
}else {
viewHolder= (ViewHolder) convertView.getTag();
}
Picasso.with(context)
.load(list.get(position))
.into(viewHolder.ivPhoto);
return convertView;
}
class ViewHolder{
ImageView ivPhoto;

}
}

<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context="com.example.viewpagetest5.MainActivity"
android:orientation="vertical"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:animateLayoutChanges="true"
>
<ListView
android:id="@+id/lvPhoto"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</ListView>
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
>

</android.support.v4.view.ViewPager>
</RelativeLayout>

</LinearLayout>

<?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:id="@+id/ivPhoto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="fitXY"
/>

</LinearLayout>

<?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:orientation="vertical" >

<ImageView
android:id="@+id/imageView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/b1"
android:scaleType="fitXY"
/>

<TextView
android:id="@+id/tvYeShu"
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_alignParentBottom="true"
android:text="页面"
android:textColor="#FFFFFF"
/>

</RelativeLayout>

ViewPadeDemo----viewpagetest5

http://download.csdn.net/detail/zhaihaohao1/9911113