【移動應(yīng)用開發(fā)技術(shù)】viewpager+photoview如何實現(xiàn)圖片查看器

【移動應(yīng)用開發(fā)技術(shù)】viewpager+photoview如何實現(xiàn)圖片查看器

/upload/information/20200623/125/125199.gif<RelativeLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#000000">

<android.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width="match_parent"

android:layout_height="match_parent"

/>

<TextView

android:id="@+id/tv_num"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:textColor="#ffffff"

android:textSize="30sp"

/>

</RelativeLayout>/**

*

Created

by

zheng

on

2017/11/27.

*/

public

class

PhotoFragment

extends

Fragment

{

private

String

url;

private

PhotoView

mPhotoView;

/**

*

獲取這個fragment需要展示圖片的url

*

@param

url

*

@return

*/

public

static

PhotoFragment

newInstance(String

url)

{

PhotoFragment

fragment

=

new

PhotoFragment();

Bundle

args

=

new

Bundle();

args.putString("url",

url);

fragment.setArguments(args);

return

fragment;

}

@Override

public

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

url

=

getArguments().getString("url");

}

@Nullable

@Override

public

View

onCreateView(LayoutInflater

inflater,

final

ViewGroup

container,

Bundle

savedInstanceState)

{

View

view

=

inflater.inflate(R.layout.fragment_img,

container,

false);

mPhotoView

=

view.findViewById(R.id.photoview);

//設(shè)置縮放類型，默認(rèn)ScaleType.CENTER（可以不設(shè)置）

mPhotoView.setScaleType(ImageView.ScaleType.CENTER);

mPhotoView.setOnLongClickListener(new

View.OnLongClickListener()

{

@Override

public

boolean

onLongClick(View

view)

{

ToastUtils.showToast(getContext(),"長按事件");

return

true;

}

});

mPhotoView.setOnPhotoTapListener(new

PhotoViewAttacher.OnPhotoTapListener()

{

@Override

public

void

onPhotoTap(View

view,

float

x,

float

y)

{

ToastUtils.showToast(getContext(),"點擊事件，真實項目中可關(guān)閉activity");

}

});

Glide.with(getContext())

.load(url)

.placeholder(R.mipmap.ic_launcher)//加載過程中圖片未顯示時顯示的本地圖片

.error(R.mipmap.ic_launcher)//加載異常時顯示的圖片

//

.centerCrop()//圖片圖填充ImageView設(shè)置的大小

.fitCenter()//縮放圖像測量出來等于或小于ImageView的邊界范圍,該圖像將會完全顯示

.into(mPhotoView);

return

view;

}

}<RelativeLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<uk.co.senab.photoview.PhotoView

android:id="@+id/photoview"

android:layout_width="match_parent"

android:layout_height="match_parent"

/>

</RelativeLayout>allprojects

{

repositories

{

maven

{

url

"https://jitp