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
Listlist;
// 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 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 Listlist;
private ViewHolder viewHolder;
public LvAdapter(Listlist,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;
}
}
ViewPadeDemo----viewpagetest5
http://download.csdn.net/detail/zhaihaohao1/9911113