Android第三方控件PhotoView使用方法詳解
PhotoView的簡(jiǎn)介:
這是一個(gè)圖片查看庫(kù),實(shí)現(xiàn)圖片瀏覽功能,支持pinch(捏合)手勢(shì)或者點(diǎn)擊放大縮小。支持在ViewPager中翻頁(yè)瀏覽圖片。
PhotoView 是一款擴(kuò)展自Android ImageView ,支持通過(guò)單點(diǎn)/多點(diǎn)觸摸來(lái)進(jìn)行圖片縮放的智能控件。功能實(shí)用和強(qiáng)大。
PhotoView的功能:
圖片瀏覽查看
雙指縮放
單點(diǎn)觸摸縮放
圖片縮放模式設(shè)置
基本用法:
導(dǎo)入jar包,布局XML里設(shè)置PhotoView
將ImageView傳入PhotoViewAttacher
代碼演示:
使用 PhotoView進(jìn)行網(wǎng)絡(luò)圖片和本地圖片的加載,縮放和點(diǎn)擊事件處理
布局文件中:
<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=".MainActivity" android:orientation="vertical" > <uk.co.senab.photoview.PhotoView android:id="@+id/iv_photo1" android:layout_width="match_parent" android:layout_height="wrap_content" /> <uk.co.senab.photoview.PhotoView android:id="@+id/iv_photo2" android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout>
MainActivity中:
public class MainActivity extends Activity { private PhotoView iv_photo1; private PhotoView iv_photo2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); iv_photo1 = (PhotoView) findViewById(R.id.iv_photo1); iv_photo2 = (PhotoView) findViewById(R.id.iv_photo2); // localImage(); netImage(); } /** * 加載本地圖片 * */ private void localImage() { // 加載本地圖片,縮放處理 try { // 圖片在asset目錄中 InputStream is = getAssets().open("photo2.jpg"); Bitmap bm = BitmapFactory.decodeStream(is); iv_photo1.setImageBitmap(bm); } catch (IOException e) { e.printStackTrace(); } } /** * 加載網(wǎng)絡(luò)圖片 */ private void netImage() { ImageLoader loader = ImageLoader.getInstance(); loader.displayImage("https://www.baidu.com/img/bdlogo.png", iv_photo2); iv_photo2.setOnPhotoTapListener(new OnPhotoTapListener() { @Override public void onPhotoTap(View arg0, float arg1, float arg2) { Toast.makeText(MainActivity.this, "圖片被點(diǎn)擊了", 10).show(); } }); } }
BaseApplication中:
/** * 加載網(wǎng)絡(luò)圖片時(shí),需要對(duì)ImageLoader進(jìn)行全局配置 * */ public class BaseApplication extends Application { @Override public void onCreate() { super.onCreate(); initImagloader(getApplicationContext()); } private void initImagloader(Context context) { File cacheDir = StorageUtils.getOwnCacheDirectory(context, "photoview/Cache");// 獲取到緩存的目錄地址 // 創(chuàng)建配置ImageLoader(所有的選項(xiàng)都是可選的,只使用那些你真的想定制),這個(gè)可以設(shè)定在APPLACATION里面,設(shè)置為全局的配置參數(shù) ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder( context) // 線程池內(nèi)加載的數(shù)量 .threadPoolSize(3).threadPriority(Thread.NORM_PRIORITY - 2) .memoryCache(new WeakMemoryCache()) .denyCacheImageMultipleSizesInMemory() .discCacheFileNameGenerator(new Md5FileNameGenerator()) // 將保存的時(shí)候的URI名稱用MD5 加密 .tasksProcessingOrder(QueueProcessingType.LIFO) .discCache(new UnlimitedDiscCache(cacheDir))// 自定義緩存路徑 // .defaultDisplayImageOptions(DisplayImageOptions.createSimple()) .writeDebugLogs() // Remove for release app .build(); // Initialize ImageLoader with configuration. ImageLoader.getInstance().init(config);// 全局初始化此配置 } }
主清單配置文件中:
<uses-permission android:name="android.permission.INTERNET"/> <application android:name="com.zhhandroid.BaseApplication" android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application>
需要導(dǎo)入的jar包:
photoview-library-1.2.2.jar
universal-image-loader-1.9.2_sources.jar
效果展示:
jar包及源碼:下載
這個(gè)庫(kù)里面上面庫(kù)里面有bug,參考這個(gè)庫(kù)
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Flutter?繪制風(fēng)車實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了Flutter?繪制風(fēng)車實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11Android編程開(kāi)發(fā)之NotiFication用法詳解
這篇文章主要介紹了Android編程開(kāi)發(fā)之NotiFication用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了NotiFication的功能、使用技巧與注意事項(xiàng),需要的朋友可以參考下2015-12-12flutter 實(shí)現(xiàn)點(diǎn)擊下拉欄微信右上角彈出窗功能
這篇文章主要介紹了flutter 實(shí)現(xiàn)彈出窗點(diǎn)擊下拉欄微信右上角彈出窗功能,這段代碼使用的是PopupRoute這個(gè)路由類進(jìn)行實(shí)現(xiàn) 的,分步驟通過(guò)實(shí)例代碼講解的非常詳細(xì),需要的朋友可以參考下2021-05-05Android自定義View 仿QQ側(cè)滑菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android自定義View 仿QQ側(cè)滑菜單的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-08-08Android開(kāi)發(fā)實(shí)現(xiàn)判斷通知欄是否打開(kāi)及前往設(shè)置頁(yè)面的方法
這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)判斷通知欄是否打開(kāi)及前往設(shè)置頁(yè)面的方法,涉及Android通知欄的打開(kāi)、判斷、設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01android實(shí)現(xiàn)通知欄下載更新app示例
這篇文章主要介紹了android實(shí)現(xiàn)通知欄下載更新app示例,需要的朋友可以參考下2014-03-03Android自定義view實(shí)現(xiàn)多色進(jìn)度條GradientProgressView的繪制
我們常使用shape實(shí)現(xiàn)漸變色,但是shape的極限卻只有三色,如果有超過(guò)三種顏色的View的要求,那么我們就不得不去自定義View來(lái)實(shí)現(xiàn)這個(gè)需求,所以下面我們就來(lái)看看如何自定義view實(shí)現(xiàn)多色進(jìn)度條的繪制吧2023-08-08