viewpager+photoview實現(xiàn)圖片查看器
本文實例為大家分享了Android實現(xiàn)圖片查看器的具體代碼,供大家參考,具體內(nèi)容如下
效果需要兩個手指禁止縮放,所以沒有光標(biāo),只能用手機投放電腦上錄制動態(tài)圖片;
demo中實用了一個第三方的photoview,非常簡單實用;可實現(xiàn)圖片雙擊放大,手勢放大縮小,當(dāng)手指離開屏幕時如果圖片小于原圖可自動恢復(fù)原圖大小,可實現(xiàn)點擊監(jiān)聽,長按圖片監(jiān)聽;
整個demo非常簡單,整體就是一個activity,頁面布局只有一個viewpager和textview
<RelativeLayout xmlns:android="http://schemas.android.com/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>
在activity中初始化圖片的url,將集合傳遞到適配器FragmentPagerAdapter中即可中即可;
每個適配器中顯示一個fragment,這里自己創(chuàng)建一個即可
/** * 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; } }
fragment布局非常簡單,只有一個圖片展示的view
<RelativeLayout xmlns:android="http://schemas.android.com/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>
想要實用PhotoView和Glide需要build.gradle中添加
allprojects { repositories { maven { url "https://jitpack.io" } } }
dependencies { compile 'com.github.chrisbanes.photoview:library:+' compile 'com.github.bumptech.glide:glide:3.7.0' }
點擊打開鏈接免費下載源碼
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Flutter有無狀態(tài)類與State及生命周期詳細(xì)介紹
這篇文章主要介紹了Flutter無狀態(tài)類、有狀態(tài)類、State、生命周期,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-09-09Flutter構(gòu)建自定義Widgets的全過程記錄
在Flutter實際開發(fā)中,大家可能會遇到flutter框架中提供的widget達(dá)不到我們想要的效果,這時就需要我們?nèi)プ远xwidget,下面這篇文章主要給大家介紹了關(guān)于Flutter構(gòu)建自定義Widgets的相關(guān)資料,需要的朋友可以參考下2022-01-01Android編程開發(fā)之TextView單擊鏈接彈出Activity的方法
這篇文章主要介紹了Android編程開發(fā)之TextView單擊鏈接彈出Activity的方法,涉及Android中TextView控件的相關(guān)操作技巧,需要的朋友可以參考下2016-01-01Android Textview實現(xiàn)顏色漸變滾動效果
這篇文章主要為大家詳細(xì)介紹了Android Textview實現(xiàn)顏色漸變滾動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10