viewpage显示服务器图片,ViewPager + PhotoView-->图片查看器,类似今日头条图片查看

新手,只有实现...

这是类似于今日头条中很多图片的时候的图片查看效果,先上效果图 :

由于图片大小限制,不能上传太长时间的图片,大致就是以上效果

三步走战略 :

1.  添加依赖  :  (两个都要加,具体添加可以查看 PhoneView链接)

project下 :

allprojects {

repositories {

jcenter()

maven { url "https://jitpack.io"}

}

}

app 下 :

compile 'com.github.chrisbanes:PhotoView:2.0.0'compile 'com.squareup.picasso:picasso:2.5.2' // Picasso

下面是github上的链接 : (可以自己研究,另外你可以自己以PhotoView为关键词再搜搜看看其他框架)

PhoneView链接

看到另外一个也可以 ---> 链接 : 另一个PhotoView

2.布局文件:

xml version="1.0"encoding="utf-8"?>xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent">android:id="@+id/viewpager"android:layout_width="match_parent"android:layout_height="match_parent"/>

3. 具体代码

PhotoViewPager 代码 :  ★★★★

packagece.phoneview;importandroid.content.Context;importandroid.support.v4.view.ViewPager;importandroid.util.AttributeSet;importandroid.view.MotionEvent;public classPhotoViewPager extendsViewPager {

publicPhotoViewPager(Context context) {

super(context);}

publicPhotoViewPager(Context context,AttributeSet attrs) {

super(context,attrs);}

@Overridepublic booleanonInterceptTouchEvent(MotionEvent ev) {

try{

return super.onInterceptTouchEvent(ev);} catch(IllegalArgumentException e) {

e.printStackTrace();return false;}

}

}

MainActivity 代码 :  主界面代码 ★★★★

packagece.phoneview;importandroid.os.Bundle;importandroid.support.v4.view.PagerAdapter;importandroid.support.v7.app.AppCompatActivity;importandroid.view.View;importandroid.view.ViewGroup;importcom.github.chrisbanes.photoview.PhotoView;importcom.squareup.picasso.Picasso;importjava.util.ArrayList;public classMainActivity extendsAppCompatActivity {

privateString mPath1= "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505712009881&di=6fbf9a376801f6d210594b4ea0828263&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2016%2F336%2F03%2FI2F84A86VB5N.jpg";privateString mPath2= "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505712308596&di=31486b1a0d3a13b44c2a1bff4877d02b&imgtype=jpg&src=http%3A%2F%2Fc.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F14ce36d3d539b60020610daae350352ac65cb77b.jpg";privateString mPath3= "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3824947408,1425426099&fm=11&gp=0.jpg";privatePhotoViewPager mViewPager;privateArrayListmArrayList= newArrayList<>();privateArrayListmImageViewLists= newArrayList<>();@Overrideprotected voidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mViewPager= (PhotoViewPager) findViewById(R.id.viewpager);initData();MyAdapter myAdapter = newMyAdapter();mViewPager.setAdapter(myAdapter);}

private voidinitData() {

mArrayList.add(mPath1);mArrayList.add(mPath2);mArrayList.add(mPath3);// 添加图片for(inti = 0;i < mArrayList.size();i++) {

PhotoView imageview = newPhotoView(this);mImageViewLists.add(imageview);}

}

classMyAdapter extendsPagerAdapter {

@Overridepublic intgetCount() {

returnmImageViewLists.size();}

@Overridepublic booleanisViewFromObject(View view,Object object) {

returnview == object;}

@OverridepublicObject instantiateItem(ViewGroup container, intposition) {

PhotoView imageview = mImageViewLists.get(position);Picasso.with(MainActivity.this).load(mArrayList.get(position)).into(imageview);container.addView(imageview);returnimageview;}

@Overridepublic voiddestroyItem(ViewGroup container, intposition,Object object) {

container.removeView((View) object);}

}

}