初识Facebook的强大Android图片加载的框架:Fresco

开发 架构
Fresco是facebook推出的一款强大的图片加载的框架,这个框架出来一段时间了,前一段时间使用过了ImageLoader的框架,生命在于折腾,今天就来折腾一下Fresco这个强大的框架。

Fresco是facebook推出的一款强大的图片加载的框架,这个框架出来一段时间了,前一段时间使用过了ImageLoader的框架,生命在于折腾,今天就来折腾一下Fresco这个强大的框架。

[[144454]]

1.配置环境

由于我用的是android studio所以这里就只是说一下android studio下如何配置,在强大的gradle,只需要一句话搞定,gradle会帮你下载这个Fresco框架,gradle真好,可以自动维护你项目中的框架

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

2.开始使用Fresco

因为我这里加载的是一张网络图片,所以要获得网络权限

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

初始化Fresco,如果项目中多处用到Fresco,就直接在application中初始化,如果我只是写着玩玩,直接放在activity中的setContentView()的前面就ok了

Fresco.initialize(context);

用人家的框架就要按照人家的要求来是不,所以控件名字,命名空间都要听人家的

 

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  2.     xmlns:fresco="http://schemas.android.com/apk/res-auto" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent"
  5.  
  6.     <com.facebook.drawee.view.SimpleDraweeView 
  7.         android:id="@+id/image_view" 
  8.         android:layout_width="300dp" 
  9.         android:layout_height="300dp" 
  10.         fresco:placeholderImage="@mipmap/ic_launcher"/> 
  11.  
  12. </LinearLayout> 

当然你也可以不写它的命名空间,用里面的属性的时候加上去,不用就别给自己找麻烦了,直接干掉给控件uri就ok了

Uri uri = Uri.parse("http://pic1.nipic.com/2008-09-08/200898163242920_2.jpg");
        imageView.setImageURI(uri);

ok,剩下的图片下载,缓存,图片移除就交给Fresco了,是不是很强大,但这里有一个问题,你的控件的大小必须确定,不能想以前直接使用wrap_content,当然你也可以设置宽高中的一个值,但是要设定宽高比

imageView.setAspectRatio(1.0f);

当然上面说到它强大了,强大就不止只是加载网络图片吧,它本身也支持本地,Content Provider,asset,res的图片

本地:file:// Content provider:content://  asset:  asset://  res: res://,就是让你拼一个uri

当然上面提到的SimpleDraweeView只是Drawee其中的控件,没有什么很特别的需求使用它就够了,下面贴一下它里面的一些属性,方便食用的时候查找

  1. <com.facebook.drawee.view.SimpleDraweeView 
  2.     android:id="@+id/image_view" 
  3.     android:layout_width="300dp" 
  4.     android:layout_height="300dp" 
  5.     fresco:fadeDuration="300" 
  6.     fresco:actualImageScaleType="focusCrop" 
  7.     fresco:placeholderImage="@color/wait_color" 
  8.     fresco:placeholderImageScaleType="fitCenter" 
  9.     fresco:failureImage="@drawable/error" 
  10.     fresco:failureImageScaleType="centerInside" 
  11.     fresco:retryImage="@drawable/retrying" 
  12.     fresco:retryImageScaleType="centerCrop" 
  13.     fresco:progressBarImage="@drawable/progress_bar" 
  14.     fresco:progressBarImageScaleType="centerInside" 
  15.     fresco:progressBarAutoRotateInterval="1000" 
  16.     fresco:backgroundImage="@color/blue" 
  17.     fresco:overlayImage="@drawable/watermark" 
  18.     fresco:pressedStateOverlayImage="@color/red" 
  19.     fresco:roundAsCircle="false" 
  20.     fresco:roundedCornerRadius="1dp" 
  21.     fresco:roundTopLeft="true" 
  22.     fresco:roundTopRight="false" 
  23.     fresco:roundBottomLeft="false" 
  24.     fresco:roundBottomRight="true" 
  25.     fresco:roundWithOverlayColor="@color/corner_color" 
  26.     fresco:roundingBorderWidth="2dp" 
  27.     fresco:roundingBorderColor="@color/border_color" 
  28.   /> 

简单介绍一下上面的属性:

placeholderImage就是所谓的展位图啦,在图片没有加载出来之前你看到的就是它

failureIamge看到名字就知道是什么了,图片加载失败时显示的图片就是它了

retryImage图片加载失败时显示,提示用户点击重新加载,重复加载4次还是没有加载出来的时候才会显示failureImage的图片

progressBarImage进度条图片

backgroundImage背景图片,这里的背景图片首先被绘制

overlayImage设置叠加图,在xml中只能设置一张叠加图片,如果需要多张图片的话,需要在java代码中设置哦

pressedStateOverlayImage设置点击状态下的叠加图,此叠加图不能缩放

ImageScaleType这个就是各种各样的图片缩放样式了,center,centerCrop,fouseCrop,centerInside,fitCenter,fitStart,fitEnd,fitXY

剩下的就是对圆角的处理了…

责任编辑:王雪燕 来源: 子墨博客
相关推荐

2021-04-27 15:30:54

鸿蒙HarmonyOS应用

2019-09-09 09:05:59

图片框架懒加载

2019-03-12 15:17:42

Facebook社交网络互联网

2016-12-02 20:43:34

Android动态加载DL框架

2022-09-16 11:23:59

Python框架Celery

2011-03-10 10:09:01

FacebookLAMP

2017-11-08 14:34:20

图片fresco程序员

2010-03-04 16:03:43

Android服务

2013-06-27 11:16:27

Android异步加载

2015-09-06 08:57:07

BootstrapCSS框架

2010-02-24 17:58:28

Python 测试框架

2023-10-22 20:20:37

FiberGo

2014-08-01 10:20:05

2021-04-20 08:49:38

AndroidKotlinColi

2015-06-11 10:12:26

Android图片加载缓存

2020-07-15 08:06:04

Node.js框架开发

2012-06-05 10:22:45

jQuery

2024-02-27 08:25:52

LiteFlow代码语法

2010-03-05 09:19:54

Android系统

2017-02-09 18:01:22

Android图片选择器开发
点赞
收藏

51CTO技术栈公众号