Fresco框架SimpleDraweeView控件的簡單使用

首先把網絡、SD卡的讀寫權限添加上:<span style="font-family: Arial, Helvetica, sans-serif;">   </span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre">     </span></span><pre name="code" class="html"><span style="white-space:pre">  </span><uses-permission android:name="android.permission.INTERNET">
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE">
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE">

 

</pre><pre name="code" class="java">添加依賴，好像版本太高不支持GIF類型的動態圖????

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre">         </span>compile 'com.facebook.fresco:fresco:0.9.0'</span>

 

private SimpleDraweeView simple;//控件

@Override
  protected void onCreate(Bundle savedInstanceState) {
      //Fresco庫的初始化,要先初始化庫，才能完成布局文件的加載
      Fresco.initialize(this);//初始化框架
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

        1、加載網絡圖片，在SimpleDraweeView控件顯示

String url = "http://img4.imgtn.bdimg.com/it/u=1738110171,2299636339&fm=21&gp=0.jpg";//正確網址

Uri uri = Uri.parse("http://img4.imgtn.bdimg.com");//錯誤的地址
//找出控件
simple = (SimpleDraweeView) findViewById(R.id.simpledraweeview);

simple.setImageURI(uri);//開始下載

//重試,創建DraweeController對象
DraweeController controller = Fresco.newDraweeControllerBuilder()
        .setUri(url)//URL地址
        .setTapToRetryEnabled(true)//開啟點擊重試
        .build();//構建

simple.setController(controller);

SD卡的根目錄:

private String str = Environment.getExternalStorageDirectory().getAbsolutePath();

</pre><pre name="code" class="java">

2、加載SD卡上面的圖片,注意格式：

<span style="white-space:pre">        </span>file:///。。。。。，字符串形式

String uri= "file:///storage/emulated/0/DCIM/Camera/IMG_20160227_133717_904.jpg";

<span style="white-space:pre">    </span>DraweeController controller = Fresco.newDraweeControllerBuilder()
               .setUri(uri)
               .setTapToRetryEnabled(true)
               .build();

       simple.setController(controller);<pre name="code" class="java">Uri uri=Uri.parse("asset:///aa.gif");

DraweeController controller=Fresco.newDraweeControllerBuilder()
               .setUri(uri)
               .setAutoPlayAnimations(true)
               .build();

       simple.setController(controller);

3、加載res目錄下的資源文件(圖片)

注意格式：

Uri uri = Uri.parse("res:///" + R.mipmap.bb113);
       DraweeController controller = Fresco.newDraweeControllerBuilder()
               .setUri(uri)
               .setTapToRetryEnabled(true)
               .build();

       simple.setController(controller);

4、加載assets文件夾下的動態圖片(gif格式),也可以改為網絡地址

注意格式：asset：///

 

</pre><p></p><p><span style="font-family:宋體; color:#808080"><span style="font-size:18px"><em></em></span></span></p><pre name="code" class="java"><span style="white-space:pre">  </span>Uri uri=Uri.parse("asset:///aa.gif");

DraweeController controller=Fresco.newDraweeControllerBuilder()
        .setUri(uri)
        .setAutoPlayAnimations(true)
        .build();

simple.setController(controller);

 

rap_content
Drawees 不支持 wrap_content 屬性。

所下載的圖像可能和占位圖尺寸不一致，如果設置出錯圖或者重試圖的話，這些圖的尺寸也可能和所下載的圖尺寸不一致。

如果大小不一致，假設使用的是 wrap_content，圖像下載完之后，View將會重新layout，改變大小和位置。這將會導致界面跳躍。

固定寬高比
只有希望顯示固定的寬高比時，可以使用wrap_content。

如果希望圖片以特定的寬高比例顯示，例如 4:3，可以在XML中指定:

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="20dp"
    android:layout_height="wrap_content"
    fresco:viewAspectRatio="1.33"
    <!-- other attributes -->
也可以在代碼中指定顯示比例：

mSimpleDraweeView.setAspectRatio(1.33f);

XML文件：

<com.facebook.drawee.view.SimpleDraweeView

    android:id="@+id/my_image_view"
    android:layout_width="20dp"
    android:layout_height="20dp"

    fresco:fadeDuration="300"//圖片淡出的事件(ms)

    fresco:actualImageScaleType="focusCrop"

    fresco:placeholderImage="@color/wait_color"//占位圖

    fresco:placeholderImageScaleType="fitCenter"//占位圖的縮放類型

    fresco:failureImage="@drawable/error"//失敗圖片

    fresco:failureImageScaleType="centerInside"//失敗圖片的類型

    fresco:retryImage="@drawable/retrying"//重試圖片

    fresco:retryImageScaleType="centerCrop"//圖的重試縮放類型

    fresco:progressBarImage="@drawable/progress_bar"//進度圖片

    fresco:progressBarImageScaleType="centerInside"//進度圖的縮放類型

    fresco:progressBarAutoRotateInterval="1000"//進度圖自動旋轉的間隔時間(ms)

    fresco:backgroundImage="@color/blue"//背景圖片

    fresco:overlayImage="@drawable/watermark"//疊加圖片

    fresco:pressedStateOverlayImage="@color/red"//按壓狀態下顯示的疊加圖

    fresco:roundAsCircle="false"//是否設置為圓形圖片

    fresco:roundedCornerRadius="1dp"//圓角半徑

    fresco:roundTopLeft="true"//左上角是否為圓角

    fresco:roundTopRight="false"//右上角是否為圓角

    fresco:roundBottomLeft="false"//左下角是否為圓角

    fresco:roundBottomRight="true"//右下角是否為圓角

    fresco:roundWithOverlayColor="@color/corner_color"//圓形或者圓角圖片底下的疊加顏色

    fresco:roundingBorderWidth="2dp"//圓形或者圓角圖片邊框的寬度

    fresco:roundingBorderColor="@color/border_color"//圓形或者圓角邊框的顏色
  />

[java] view plain copy