Fresco基本使用

记录一下平时使用Fresco的一些基本属性设置，方便自己查阅和初学者入门

因为自己是使用Android Studio开发在此工具内配置方法是在app 的build.gradle文件中添加如下代码

dependencies{

compile'com.facebook.fresco:fresco:0.5.0+'

}

官方文档已经说fresco的类库发布到了Maven中央库，所以我们只需添加上面的代码再同步编译即可，如果无效，请在pro

allprojects {    repositories {        jcenter()        mavenCentral()         }    }

下面说说使用Fresco的前提

第一：在你的application类onCreate方法中添加

Fresco.initialize(instance);

第二：fresco是通过控件来实现它内部的优化缓存处理，我们使用的时候是通过控件来使用，具体如下

com.facebook.drawee.view.SimpleDraweeView    android:id="@+id/user_avator"    android:layout_width="50dp"    android:layout_height="50dp"    fresco:roundAsCircle="true"    fresco:roundedCornerRadius="180dp"    fresco:actualImageScaleType="focusCrop"    android:layout_centerVertical="true" />

属性中存在fresco:开头的声明。这个是fresco的自定义属性，如果我们需要使用其自定义属性，必须在我们的xml根布局中添加声明/命名空间，下图红色部分

LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:fresco="http://schemas.android.com/apk/res-auto"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">

第三：在代码中具体的使用

Uri uri = Uri.parse(http://b.hiphotos.baidu.com/image/pic/item/e78.jpg);mAvatorImg.setImageURI(uri);

现在介绍一些fresco的属性，通过这些属性我们可以很方便的定制一些自己想要的效果

<com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="20dp"   // 不支持wrap_content 如果要设置宽高比, 需要在Java代码中指定setAspectRatio(1.33f);
    android:layout_height="20dp"    // 不支持wrap_content 
    fresco:fadeDuration="300"
    fresco:actualImageScaleType="focusCrop" // 设置图片缩放. 通常使用focusCrop,该属性值会通过算法把人头像放在中间
    fresco:placeholderImage="@color/wait_color" // 下载成功之前显示的图片
    fresco:placeholderImageScaleType="fitCenter" 
    fresco:failureImage="@drawable/error"// 加载失败的时候显示的图片
    fresco:failureImageScaleType="centerInside"
    fresco:retryImage="@drawable/retrying"// 加载失败,提示用户点击重新加载的图片(会覆盖failureImage的图片)
    fresco:retryImageScaleType="centerCrop"
    fresco:progressBarImage="@drawable/progress_bar"// 提示用户正在加载,和加载进度无关
    fresco:progressBarImageScaleType="centerInside"
    fresco:progressBarAutoRotateInterval="1000"
    fresco:backgroundImage="@color/blue"
    fresco:overlayImage="@drawable/watermark"
    fresco:pressedStateOverlayImage="@color/red"
    fresco:roundAsCircle="false"// 是不是设置圆圈
    fresco:roundedCornerRadius="1dp"// 圆角角度,180的时候会变成圆形图片
    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"
  />

修改图片尺寸
Uri uri = "file:///mnt/sdcard/MyApp/myfile.jpg";
int width = 50, height = 50;
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
    .setResizeOptions(new ResizeOptions(width, height))
    .build();
PipelineDraweeController controller = Fresco.newDraweeControllerBuilder()
    .setOldController(mDraweeView.getController())
    .setImageRequest(request)
    .build();
mSimpleDraweeView.setController(controller);


自动旋转
ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
    .setAutoRotateEnabled(true)

    .build();

设置Gif动画

  初始化Fresco 的id

   SimpleDraweeView drawview = (SimpleDraweeView) findViewById(R.id.main_drawview); 

   DraweeController mDraweeController = Fresco.newDraweeControllerBuilder() 
   .setAutoPlayAnimations(true) 
   //加载drawable里的一张gif图 
   .setUri(Uri.parse("res://"+getPackageName()+"/"+R.drawable.panda))//设置uri 
   .build(); 
   //设置Controller 
   drawview.setController(mDraweeController); 

补充一点

如以上有错误或者有写的不好的，或者需要改进的地方，多谢大家指出，相互学习

http://fresco-cn.org/docs/index.html