Fresco框架SimpleDraweeView控件的简单使用-低调大师

Fresco框架SimpleDraweeView控件的简单使用

2017-11-07 641

 
   [java] 
   view plain
    copy 
  
首先把网络、SD卡的读写权限添加上:<span style="font-family: Arial, Helvetica, sans-serif;">   </span>   

 
   [java] 
   view plain
    copy 
  
<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">   

 
   [java] 
   view plain
    copy 
  
</pre><pre name="code" class="java">添加依赖，好像版本太高不支持GIF类型的动态图????   

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

 
   [java] 
   view plain
    copy 
  
private SimpleDraweeView simple;//控件  

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

1、加载网络图片，在SimpleDraweeView控件显示

 
   [java] 
   view plain
    copy 
  
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);  

 
   [java] 
   view plain
    copy 
  
simple.setImageURI(uri);//开始下载   
  
//重试,创建DraweeController对象  
DraweeController controller = Fresco.newDraweeControllerBuilder()  
        .setUri(url)//URL地址   
        .setTapToRetryEnabled(true)//开启点击重试   
        .build();//构建   
  
simple.setController(controller);  

SD卡的根目录:

 
   [java] 
   view plain
    copy 
  
private String str = Environment.getExternalStorageDirectory().getAbsolutePath();  

 
   [java] 
   view plain
    copy 
  
</pre><pre name="code" class="java">   

2、加载SD卡上面的图片,注意格式：

 
   [java] 
   view plain
    copy 
  
<span style="white-space:pre">        </span>file:///。。。。。，字符串形式   

 
   [java] 
   view plain
    copy 
  
String uri= "file:///storage/emulated/0/DCIM/Camera/IMG_20160227_133717_904.jpg";   

 
   [java] 
   view plain
    copy 
  
<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目录下的资源文件(图片)

注意格式：

 
   [java] 
   view plain
    copy 
  
Uri uri = Uri.parse("res:///" + R.mipmap.bb113);   
       DraweeController controller = Fresco.newDraweeControllerBuilder()  
               .setUri(uri)  
               .setTapToRetryEnabled(true)   
               .build();  
  
       simple.setController(controller);  

4、加载assets文件夹下的动态图片(gif格式),也可以改为网络地址

注意格式：asset：///

 
   [java] 
   view plain
    copy 
  
</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");   

 
   [java] 
   view plain
    copy 
  
DraweeController controller=Fresco.newDraweeControllerBuilder()  
        .setUri(uri)  
        .setAutoPlayAnimations(true)   
        .build();  
  
simple.setController(controller);  

 
   [java] 
   view plain
    copy 
  
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文件：

 
   [java] 
   view plain
    copy 
  
<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

1. 缩放类型—ScaleType：
3. 类型描述
4. center 居中，无缩放
6. centerCrop 保持宽高比缩小或放大，使得两边都大于或等于显示边界。居中显示。
8. focusCrop 同centerCrop, 但居中点不是中点，而是指定的某个点
10. centerInside 使两边都在显示边界内，居中显示。如果图尺寸大于显示边界，则保持长宽比缩小图片。
12. fitCenter 保持宽高比，缩小或者放大，使得图片完全显示在显示边界内。居中显示
14. fitStart 同上。但不居中，和显示边界左上对齐
16. fitEnd 同fitCenter，但不居中，和显示边界右下对齐
18. fitXY 不保存宽高比，填充满显示边界
20. none 如要使用tile mode显示, 需要设置为none
22. 推荐使用：focusCrop 类型

本文转自一点点征服博客园博客，原文链接：http://www.cnblogs.com/ldq2016/p/6645185.html ，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/567584

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

FaceBook推出的Android图片加载库-Fresco

FaceBook推出的Android图片加载库-Fresco 原文链接:Introducing Fresco: A new image library for Android 译者 :ZhaoKaiQiang 校对者:Chaossss 校对者:bboyfeiyu 校对者:BillionWang 状态 : 完成在Android设备上面，快速高效的显示图片是极为重要的。过去的几年里，我们在如何高效的存储图像这方面遇到了很多问题。图片太大，但是手机的内存却很小。每一个像素的R、G、B和alpha通道总共要占用4byte的空间。如果手机的屏幕是480*800,那么一张屏幕大小的图片就要占用1.5M的内存。手机的内存通常很小，特别是Android设备还要给各个应用分配内存。在某些设备上，分给Facebook App的内存仅仅有16MB。一张图片就要占据其内存的十分之一。当你的App内存溢出会发生什么呢？它当然会崩溃！我们开发了一个库来解决这个问题，我们叫它Fresco。它可以管理使用到的图片和内存，从此App不再崩溃。内存区为了理解Facebook到底做了什么工作，在此之前我们需要了解在...

2017-11-08

447

使用GCD的dispatch_once创建单例

之前一篇《Objective-C的单例模式（singleton）》 http://arthurchen.blog.51cto.com/2483760/642536 介绍了创建单例的方式，不过后来发现其实在ios 4.0后有更加简单的方式。就是使用GCD的功能代码如下： + (instantClass *)sharedClient { staticinstantClass *_sharedClient =nil; staticdispatch_once_tonceToken; dispatch_once(&onceToken, ^{ _sharedClient = [[instantClassalloc]init]; }); 本文转自 arthurchen 51CTO博客，原文链接：http://blog.51cto.com/arthurchen/1059752，如需转载请自行联系原作者

2017-11-08

625

发表评论

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Oracle

Oracle Database，又名Oracle RDBMS，或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统，系统可移植性好、使用方便、功能强，适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的、适应高吞吐量的数据库方案。

Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。