首页 > 代码库 > android使用第三方框架fresco展示网络图片

android使用第三方框架fresco展示网络图片

资源:https://github.com/facebook/fresco](https://github.com/facebook/fresco

01:优点和不足:

  加载的图片多时,推荐使用,比如ListView条目中的图片.

02:添加依赖库:在app/build.gradle中添加如下代码,点击同步:

compile ‘com.facebook.fresco:fresco:0.9.0+‘

03.布局:

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="www.itcast.com.testfresco.MainActivity"><!--宽高一定要写死-->
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/iv"
android:layout_width="200dp"
android:layout_height="200dp"
fresco:placeholderImage="@mipmap/ic_launcher" />
<Button android:id="@+id/btn" android:layout_centerInParent="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:text="fresco展示网络图片" /> </RelativeLayout>

04.访问网络当然添加权限必不可少:

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

05.初始化要注意:

在Application初始化或在Activity 的setContentView()方法之前,进行初始化Fresco.initialize(this);

06:核心代码:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {    private SimpleDraweeView iv;    private Button btn;    private String NET_URI="http://img4.duitang.com/uploads/item/201412/11/20141211152834_eAfSi.jpeg";    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //初始化的位置        Fresco.initialize(this);        setContentView(R.layout.activity_main);        initView();    }    private void initView() {        iv = (SimpleDraweeView) findViewById(R.id.iv);        btn = (Button) findViewById(R.id.btn);        btn.setOnClickListener(this);    }    @Override    public void onClick(View v) {        switch (v.getId()) {            case R.id.btn:                Uri uri=Uri.parse(NET_URI);                iv.setImageURI(uri);                break;        }    }}

07:图片特殊显示参数:

fresco:actualImageScaleType="focusCrop"// 图片的缩放方式.		        fresco:backgroundImage="@color/blue" //背景图.不支持缩放.XML仅能指定一张背景图.如果使用Java代码指定的话,可以指定多个背景,显示方式类似FrameLayout,多个背景图按照顺序一级一级层叠上去.		        fresco:fadeDuration="300" // 渐显图片的时间		        fresco:failureImage="@drawable/error" // 图片加载失败显示的图片		        fresco:failureImageScaleType="centerInside" //// 图片加载失败显示的图片的缩放类型		        fresco:overlayImage="@drawable/watermark" // 层叠图,最后叠加在图片之上.不支持缩放.XML仅能指定一张.如果使用Java代码指定的话,可以指定多个,显示方式类似FrameLayout,多个图按照顺序一级一级层叠上去.		        fresco:placeholderImage="@color/wait_color"  // 图片加载成功之前显示的占位图		        fresco:placeholderImageScaleType="fitCenter" // 图片加载成功之前显示的占位图的缩放类型		        fresco:pressedStateOverlayImage="@color/red" // 设置按压状态下的层叠图.不支持缩放.		        fresco:progressBarAutoRotateInterval="1000" // 进度条图片旋转显示时长		        fresco:progressBarImage="@drawable/progress_bar" // 进度条图片		        fresco:progressBarImageScaleType="centerInside" //进度条图片的缩放类型		        fresco:retryImage="@drawable/retrying" // 当图片加载失败的时候,显示该图片提示用户点击重新加载图片		        fresco:retryImageScaleType="centerCrop" // 提示图片的缩放类型		        fresco:roundAsCircle="false" // 显示圆形图片		        fresco:roundBottomLeft="false" // roundedCornerRadius属性设置后,四个角都会有圆角,如果左下角不需要设置为false.		        fresco:roundBottomRight="true" // roundedCornerRadius属性设置后,四个角都会有圆角,如果右下角不需要设置为false.		        fresco:roundTopLeft="true" // roundedCornerRadius属性设置后,四个角都会有圆角,如果左上角不需要设置为false.		        fresco:roundTopRight="false" // roundedCornerRadius属性设置后,四个角都会有圆角,如果右上角不需要设置为false.		        fresco:roundWithOverlayColor="@color/corner_color" // 设置图片圆角后空出区域的颜色.如示例图中的红色部分		        fresco:roundedCornerRadius="1dp" // 设置图片圆角角度,设置该属性后四个角都会生效		        fresco:roundingBorderColor="@color/border_color" // 设置圆角后,边框的颜色.		        fresco:roundingBorderWidth="2dp" /> // 设置圆角后,外边框的宽高

08.图片特殊显示java代码:

GenericDraweeHierarchy hierarchy = GenericDraweeHierarchyBuilder		                .newInstance(getResources())		                .setRetryImage(getResources().getDrawable(R.mipmap.ic_launcher))		                .build();				        imageivew.setHierarchy(hierarchy);

09.渐进式显示图片(下载多少就显示多少,没下载完之前是模糊的):

 /*渐进式显示图片                ProgressiveJpegConfig pjpegConfig = new ProgressiveJpegConfig() {                    @Override                    // 返回下一个需要解码的扫描次数                    public int getNextScanNumberToDecode(int scanNumber) {                        return scanNumber + 2;                    }                    // 确定多少个扫描次数之后的图片才能开始显示                    public QualityInfo getQualityInfo(int scanNumber) {                        boolean isGoodEnough = (scanNumber >= 5);                        return ImmutableQualityInfo.of(scanNumber, isGoodEnough, false);                    }                };                // ImagePipelineConfig配置如何加载图像                ImagePipelineConfig config = ImagePipelineConfig.newBuilder(this)                        .setProgressiveJpegConfig(pjpegConfig)                        .build();                //  显式地指定允许渐进式JPEG图片加载                ImageRequest request = ImageRequestBuilder                        .newBuilderWithSource(uri)                        .setProgressiveRenderingEnabled(true)                        .build();                // 构建显示图片所用到的DraweeController                DraweeController controller = Fresco.newDraweeControllerBuilder()                        .setImageRequest(request)                        .setOldController(iv.getController())                        .build();                iv.setController(controller);                */

10.显示Gif图片:

/*显示GIF图片.Fresco 支持 GIF 和 WebP 格式的动画图片.如果你希望图片下载完之后自动播放,同时,当View从屏幕移除时,停止播放,只需要在 image request 中简单设置                Uri urlGif = Uri.parse("http://img0.imgtn.bdimg.com/it/u=4040253614,2927360696&fm=21&gp=0.jpg");                DraweeController controller = Fresco.newDraweeControllerBuilder()                        .setUri(urlGif)                        .setAutoPlayAnimations(true)                        .build();                iv.setController(controller);                */

11:代码资源:

http://download.csdn.net/detail/tom91/9631011

 

android使用第三方框架fresco展示网络图片