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

Fresco框架SimpleDraweeView控件的简单使用

2017-11-07 672

 
   [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

480

使用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

660

发表评论

资源下载

更多资源

优质分享App

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

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。