1. 程式人生 > >圖片載入框架Picasso的使用

圖片載入框架Picasso的使用

1.介紹

Picasso是由Square公司開發的一個圖片載入框架

2.使用

如果你是用的是Android Studio,你只需要在dependency section中的build.gradle中新增 compile'com.squareup.picasso:picasso:2.3.3'

3.具體程式碼

xml中:

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

activity中:
ImageView imageView = (ImageView) findViewById(R.id.imageView);
 
        Picasso.with(this)
                .load("https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg")
                .into(imageView);
with ()傳入context,load()傳入url,into()傳入控制元件,只需一句話即可實現圖片非同步載入。

4.更多例子

picasso還有更多的功能,下面的例子獲取圖片並改變它們的大小進行展示:

Picasso.with(this)
 .load(https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg)
 .resize(100, 100)
 .into(imageView)
picasso還支援旋轉,下面的是旋轉180度:
Picasso.with(this)
    .load("https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg")
    .rotate(180)
    .into(imageView);

picasso還支援佔位圖片,當網路的圖片載入完的時候佔位圖片被取代:
Picasso.with(this)
    .load(https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg)
    .placeholder(R.drawable.image_name)
    .into(imageView);
同時還可以設定載入錯誤時的圖片:
Picasso.with(this)
    .load(https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg)
    .error(R.drawable.image_name)
    .into(imageView);
也可以同時使用兩種方法:
Picasso.with(this)
    .load(https://cms-assets.tutsplus.com/uploads/users/21/posts/19431/featured_image/CodeFeature.jpg)
    .placeholder(R.drawable.image_name_default)
    .error(R.drawable.image_name_error)
    .into(imageView);

總結:Picasso支援快取,不需要配置或初始化,使用起來非常的簡單。