第三方框架ImageLoader顯示不同圖片風格

  • 1.添加依賴包:

compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

  • 2.添加權限

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/iv_img1"
            android:layout_width="250dp"
            android:layout_height="150dp"
            android:layout_marginTop="5dp"/>
        <ImageView
            android:id="@+id/iv_img2"
            android:layout_width="250dp"
            android:layout_height="150dp"
            android:layout_marginTop="10dp"/>
        <ImageView
            android:id="@+id/iv_img3"
            android:layout_width="300dp"
            android:layout_height="200dp"
            />
        <ImageView
            android:id="@+id/iv_img4"
            android:layout_width="250dp"
            android:layout_height="150dp"
            />
    </LinearLayout>
</ScrollView>

MainActivity.java

public class MainActivity extends Activity {

    private ImageView mImageView1, mImageView2, mImageView3, mImageView4;
    private DisplayImageOptions mOptions1, mOptions2, mOptions3, mOptions4;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_loader);
        initView();
        initData();
    }

    private void initData() {
        String uri = "http://pic51.nipic.com/file/20141027/11284670_094822707000_2.jpg";
        ImageLoaderConfiguration configuration = ImageLoaderConfiguration.createDefault(this);

        ImageLoader.getInstance().init(configuration);

        DisplayImageOptions options = new DisplayImageOptions.Builder()
                .showImageOnFail(R.mipmap.ic_launcher)
                .showImageOnLoading(R.mipmap.ic_launcher)
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new CircleBitmapDisplayer())
                .build();

        ImageLoader.getInstance().displayImage(uri, mImageView1, options);

        //顯示圓形圖片,使用該效果,必須在布局中顯式指定顯示圖片控件的寬高
        mOptions1 = new DisplayImageOptions.Builder()
                .showImageOnFail(R.mipmap.ic_launcher)
                .showImageOnLoading(R.mipmap.ic_launcher)
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new CircleBitmapDisplayer())
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView1, mOptions1);

        //顯示圓角圖片,使用該效果,必須在布局中顯式指定顯示圖片控件的寬高
        mOptions2 = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new RoundedBitmapDisplayer(90))
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView2, mOptions2);

        //圓角縮放圖片圖片,使用該效果,必須在布局中顯式指定顯示圖片控件的寬高
        mOptions3 = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new RoundedVignetteBitmapDisplayer(200, 100))
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView3, mOptions3);

        //漸顯圖片
        mOptions4 = new DisplayImageOptions.Builder()
                .cacheOnDisk(true)
                .cacheOnDisk(true)
                .showImageForEmptyUri(R.mipmap.ic_launcher)
                .showImageOnFail(R.mipmap.ic_launcher)
                .bitmapConfig(Bitmap.Config.RGB_565)
                .displayer(new FadeInBitmapDisplayer(5000))
                .build();
        ImageLoader.getInstance().displayImage(uri, mImageView4, mOptions4);

    }

    private void initView() {
        mImageView1 = (ImageView) findViewById(R.id.iv_img1);
        mImageView2 = (ImageView) findViewById(R.id.iv_img2);
        mImageView3 = (ImageView) findViewById(R.id.iv_img3);
        mImageView4 = (ImageView) findViewById(R.id.iv_img4);
    }
}

ImageLoaderConfiguration 詳細配置

ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context)
                 .memoryCacheExtraOptions(480, 800) // 指定緩存到內存時圖片的大小,默認是屏幕尺寸的長寬
                 .diskCacheExtraOptions(480, 800, null) // 指定緩存到硬盤時圖片的大小,并不建議使用
                 .taskExecutor(new Executor()) // 自定義一個線程來加載和顯示圖片
                 .taskExecutorForCachedImages(new Executor())// 自定義一個線程來緩存圖片
                 .threadPoolSize(3) // default, 指定線程池大小
                 .threadPriority(Thread.NORM_PRIORITY - 2) // default ,指定線程優先級
                 .tasksProcessingOrder(QueueProcessingType.FIFO) // default , 指定加載顯示圖片的任務隊列的類型
                 .denyCacheImageMultipleSizesInMemory() // 禁止在內存中緩存同一張圖片的多個尺寸類型
                 .memoryCache(new LruMemoryCache(2 * 1024 * 1024)) // 指定內存緩存的大小,默認值為1/8 應用的最大可用內存
                 .memoryCacheSize(2 * 1024 * 1024)
                 .memoryCacheSizePercentage(13) // default
                 .diskCache(new UnlimitedDiskCache(cacheDir)) // default , 指定硬盤緩存的地址
                 .diskCacheSize(50 * 1024 * 1024) // 指定硬盤緩存的大小
                 .diskCacheFileCount(100) // 指定硬盤緩存的文件個數
                 .diskCacheFileNameGenerator(new HashCodeFileNameGenerator()) // default , 指定硬盤緩存時文件名的生成器
                 .imageDownloader(new BaseImageDownloader(context)) // default , 指定圖片下載器
                 .imageDecoder(new BaseImageDecoder()) // default , 指定圖片解碼器
                 .defaultDisplayImageOptions(DisplayImageOptions.createSimple()) // default , 指定圖片顯示的配置
                 .writeDebugLogs() // 是否顯示Log
                 .build();

DisplayImageOptions 參數詳解:

DisplayImageOptions options = new DisplayImageOptions.Builder()
                .showImageOnLoading(R.drawable.ic_stub) // 圖片正在加載時顯示的圖片資源ID
                .showImageForEmptyUri(R.drawable.ic_empty) // URI為空時顯示的圖片資源ID
                .showImageOnFail(R.drawable.ic_error) // 圖片加載失敗時顯示的圖片資源ID
                .resetViewBeforeLoading(false)  // default 圖片在下載前是否重置,復位
                .delayBeforeLoading(1000) // 圖片開始加載前的延時.默認是0
                .cacheInMemory(false) // default , 是否緩存在內存中, 默認不緩存
                .cacheOnDisk(false) // default , 是否緩存在硬盤 , 默認不緩存
                .preProcessor(new BitmapProcessor) // 設置圖片緩存在內存前的圖片處理器
                .postProcessor(new BitmapProcessor) // 設置圖片在緩存到內存以后 , 顯示在界面之前的圖片處理器
                .extraForDownloader(...) // 為圖片下載設置輔助參數
                .considerExifParams(false) // default , 設置是否考慮JPEG圖片的EXIF參數信息,默認不考慮
                .imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2) // default , 指定圖片縮放的方式,ListView/GridView/Gallery推薦使用此默認值
                .bitmapConfig(Bitmap.Config.ARGB_8888) // default , 指定圖片的質量,默認是 ARGB_8888
                .decodingOptions(...) // 指定圖片的解碼方式
                .displayer(new SimpleBitmapDisplayer()) // default , 設置圖片顯示的方式,用于自定義
                .handler(new Handler()) // default ,設置圖片顯示的方式和ImageLoadingListener的監聽, 用于自定義
                .build();

運行結果:


Screenshot_2016-10-07-16-51-34--569904048.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,287評論 25 708
  • 一.榜單介紹 排行榜包括四大類: 單一框架:僅提供路由、網絡層、UI層、通信層或其他單一功能的框架 混合開發框架:...
    偉子男閱讀 5,262評論 0 161
  • 附上原文作者連接:作者:金誠 一.榜單介紹 排行榜包括四大類: 單一框架:僅提供路由、網絡層、UI層、通信層或其他...
    這個美嘉不姓陳閱讀 2,278評論 1 35
  • 點絳唇·竹笛 紫竹空心,深居山野仙云客。精雕細刻,瘦管終為笛。 雅韻輕吹,一曲長天碧。人寂寂,臨風玉立,卻把青春憶...
    不語不問閱讀 294評論 0 2
  • 清晨,被噩夢驚醒
    foll123閱讀 134評論 0 0