Fresco加载圆角图片以及定义progressbar动画

最新推荐文章于 2018-05-31 13:53:24 发布
最新推荐文章于 2018-05-31 13:53:24 发布
阅读量1.2k 收藏
点赞数
分类专栏： Fresco 文章标签： Fresco 圆角 圆形 Progressba
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23195583/article/details/53582457
版权

我的项目地址：请点击这里

这里写图片描述
这里写图片描述
这里我把他抽象了一个工具类，但是有个没找到相应的方法，可能是因为版本的原因，就是等待的图片的旋转。
看一下activity

package com.fanyafeng.frescopicload.activity;

import android.graphics.Color;
import android.os.Bundle;

import com.facebook.drawee.view.SimpleDraweeView;
import com.fanyafeng.frescopicload.R;
import com.fanyafeng.frescopicload.BaseActivity;
import com.fanyafeng.frescopicload.constant.PicUrlConstants;
import com.fanyafeng.frescopicload.util.FrescoAttributeUtil;
import com.fanyafeng.frescopicload.util.FrescoUtil;

import java.net.SocketImpl;

//需要搭配baseactivity，这里默认为baseactivity,并且默认Baseactivity为包名的根目录
public class CirclePicActivity extends BaseActivity {
    private SimpleDraweeView advCircle1;
    private SimpleDraweeView advCircle2;
    private SimpleDraweeView advCircle3;
    private SimpleDraweeView advCircle4;
    private SimpleDraweeView advCircle5;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_circle_pic);
//这里默认使用的是toolbar的左上角标题，如果需要使用的标题为中心的采用下方注释的代码，将此注释掉即可
        title = getString(R.string.title_activity_circle_pic);

        initView();
        initData();
    }

    @Override
    protected void onResume() {
        super.onResume();
        //toolbar_center_title.setText(getString(R.string.title_activity_circle_pic));
    }

    //初始化UI空间
    private void initView() {
        advCircle1 = (SimpleDraweeView) findViewById(R.id.advCircle1);
        advCircle1.setHierarchy(FrescoAttributeUtil.setFedInHierarchy(this));
        advCircle1.setImageURI(PicUrlConstants.imgUrl);

        advCircle2 = (SimpleDraweeView) findViewById(R.id.advCircle2);
        advCircle2.setHierarchy(FrescoAttributeUtil.setCircleHierarchy(this));
        advCircle2.setImageURI(PicUrlConstants.imgUrl);

        advCircle3 = (SimpleDraweeView) findViewById(R.id.advCircle3);
        advCircle3.setHierarchy(FrescoAttributeUtil.setCircleRingHierarchy(this, Color.BLUE, 5f));
        advCircle3.setImageURI(PicUrlConstants.imgUrl);

        advCircle4 = (SimpleDraweeView) findViewById(R.id.advCircle4);
        advCircle4.setHierarchy(FrescoAttributeUtil.setCircleRadiusHierarchy(this, 50f, 50f, 50f, 50f));
        advCircle4.setImageURI(PicUrlConstants.imgUrl);

        advCircle5 = (SimpleDraweeView) findViewById(R.id.advCircle5);
        advCircle5.setHierarchy(FrescoAttributeUtil.setCircleRadiusRingHierarchy(this, 50f, 10f, 50f, 10f, Color.BLUE, 5f));
        advCircle5.setImageURI(PicUrlConstants.imgUrl);
    }

    //初始化数据
    private void initData() {

    }

}

package com.fanyafeng.frescopicload.activity;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;

import com.facebook.drawee.generic.GenericDraweeHierarchy;
import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
import com.facebook.drawee.generic.RoundingParams;
import com.facebook.drawee.view.SimpleDraweeView;
import com.fanyafeng.frescopicload.R;
import com.fanyafeng.frescopicload.BaseActivity;
import com.fanyafeng.frescopicload.constant.PicUrlConstants;
import com.fanyafeng.frescopicload.util.FrescoAttributeUtil;

//需要搭配baseactivity，这里默认为baseactivity,并且默认Baseactivity为包名的根目录
public class PicProgressActivity extends BaseActivity {
    private SimpleDraweeView progress1;
    private SimpleDraweeView progress2;
    private SimpleDraweeView progress3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pic_progress);
//这里默认使用的是toolbar的左上角标题，如果需要使用的标题为中心的采用下方注释的代码，将此注释掉即可
        title = getString(R.string.title_activity_pic_progress);

        initView();
        initData();
    }

    @Override
    protected void onResume() {
        super.onResume();
        //toolbar_center_title.setText(getString(R.string.title_activity_pic_progress));
    }

    //初始化UI空间
    private void initView() {
        progress1 = (SimpleDraweeView) findViewById(R.id.progress1);
        progress2 = (SimpleDraweeView) findViewById(R.id.progress2);
        progress3 = (SimpleDraweeView) findViewById(R.id.progress3);

    }

    //初始化数据
    private void initData() {
        progress1.setHierarchy(FrescoAttributeUtil.setProgressBarHierarchy(this, R.drawable.wine_loading));
        progress1.setImageURI(PicUrlConstants.imgUrl);

        progress2.setHierarchy(FrescoAttributeUtil.setCircleProgressBarHierarchy(this, R.drawable.wine_loading));
        progress2.setImageURI(PicUrlConstants.imgUrl);

//        progress3.setHierarchy(FrescoAttributeUtil.setLoadFailHierarchy(this, R.drawable.load_holder_icon, R.drawable.load_fail_icon));
        progress3.setImageURI(PicUrlConstants.imgUrl);

    }

}

这里忘了上xml的代码了：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.fanyafeng.frescopicload.activity.PicProgressActivity"
    tools:showIn="@layout/activity_pic_progress">

    <!--需要v4或者v7包，不过一般as创建的工程都默认存在,此处采用滑动嵌套布局，为了解决滑动冲突-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/progress1"
            android:layout_width="150dp"
            android:layout_height="150dp" />

        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/progress2"
            android:layout_width="150dp"
            android:layout_height="150dp" />
        <!--顺时针旋转动图-->
        <!--progressBarImageScaleType 中间显示-->
        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/progress3"
            android:layout_width="150dp"
            android:layout_height="150dp"
            app:progressBarAutoRotateInterval="5000"
            app:progressBarImage="@drawable/icon_progress_bar"
            app:progressBarImageScaleType="centerInside" />


    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

还有相应的工具类：

package com.fanyafeng.frescopicload.util;

import android.content.Context;
import android.support.v4.content.ContextCompat;
import android.support.v4.widget.CompoundButtonCompat;

import com.facebook.drawee.generic.GenericDraweeHierarchy;
import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
import com.facebook.drawee.generic.RoundingParams;
import com.fanyafeng.frescopicload.R;

/**
 * Author： fanyafeng
 * Data： 16/7/25 17:10
 * Email: fanyafeng@live.cn
 */
public class FrescoAttributeUtil {
    private static GenericDraweeHierarchy fedInHierarchy;

    private static GenericDraweeHierarchy circleHierarchy;

    /**
     * 淡入淡出动画效果
     *
     * @param context
     * @return
     */
    public static GenericDraweeHierarchy setFedInHierarchy(Context context) {
        if (fedInHierarchy == null) {
            fedInHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                    .setFadeDuration(300)
                    .build();
        }
        return fedInHierarchy;
    }

    /**
     * 获取圆形图片
     *
     * @param context
     * @return
     */
    public static GenericDraweeHierarchy setCircleHierarchy(Context context) {
        if (circleHierarchy == null) {
            circleHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                    .setRoundingParams(RoundingParams.asCircle())
                    .build();
        }
        return circleHierarchy;
    }

    /**
     * 获取圆环图片
     *
     * @return
     */
    public static GenericDraweeHierarchy setCircleRingHierarchy(Context context, int ringColor, float ringWidth) {
        RoundingParams roundingParams = new RoundingParams();
        roundingParams.setBorder(ringColor, ringWidth);
        roundingParams.setRoundAsCircle(true);
        GenericDraweeHierarchy circleRingHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                .setRoundingParams(roundingParams)
                .build();
        return circleRingHierarchy;
    }

    /**
     * 获取圆角图片
     *
     * @param context
     * @param topLeft
     * @param topRight
     * @param bottomRight
     * @param bottomLeft
     * @return
     */
    public static GenericDraweeHierarchy setCircleRadiusHierarchy(Context context, float topLeft, float topRight, float bottomRight, float bottomLeft) {
        RoundingParams roundingParams = new RoundingParams();
        roundingParams.setCornersRadii(topLeft, topRight, bottomRight, bottomLeft);
        GenericDraweeHierarchy circleRadiusHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                .setRoundingParams(roundingParams)
                .build();
        return circleRadiusHierarchy;
    }

    /**
     * 获取圆角环图片
     *
     * @param context
     * @param topLeft
     * @param topRight
     * @param bottomRight
     * @param bottomLeft
     * @param ringColor
     * @param ringWidth
     * @return
     */
    public static GenericDraweeHierarchy setCircleRadiusRingHierarchy(Context context, float topLeft, float topRight, float bottomRight, float bottomLeft, int ringColor, float ringWidth) {
        RoundingParams roundingParams = new RoundingParams();
        roundingParams.setBorder(ringColor, ringWidth);
        roundingParams.setCornersRadii(topLeft, topRight, bottomRight, bottomLeft);
        GenericDraweeHierarchy circleRadiusRingHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                .setRoundingParams(roundingParams)
                .build();
        return circleRadiusRingHierarchy;
    }

    /**
     * 加载图片过程中动图progressbar显示，可以为动画图，也可以为非动图
     *
     * @param context
     * @param resId
     * @return
     */
    public static GenericDraweeHierarchy setProgressBarHierarchy(Context context, int resId) {
        GenericDraweeHierarchy progressBarDraweeHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                .setProgressBarImage(ContextCompat.getDrawable(context, resId))
                .build();
        return progressBarDraweeHierarchy;
    }

    /**
     * 加载图片过程中动图progressbar显示，可以为动画图，也可以为非动图
     * 图片为圆形图片
     *
     * @param context
     * @param resId
     * @return
     */
    public static GenericDraweeHierarchy setCircleProgressBarHierarchy(Context context, int resId) {
        RoundingParams roundingParams = new RoundingParams();
        roundingParams.setRoundAsCircle(true);
        GenericDraweeHierarchy circleProgressBarDraweeHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                .setProgressBarImage(ContextCompat.getDrawable(context, resId))
                .setRoundingParams(roundingParams)
                .build();
        return circleProgressBarDraweeHierarchy;
    }

    public static GenericDraweeHierarchy setLoadFailHierarchy(Context context, int holderResId, int failResId) {
        GenericDraweeHierarchy loadFailHierarchy = GenericDraweeHierarchyBuilder.newInstance(context.getResources())
                .setPlaceholderImage(holderResId)
                .setFailureImage(failResId)
                .setRetryImage(failResId)
//                .setRetryImage()   加载失败后的重试图片
                .build();
        return loadFailHierarchy;
    }

}
南枝向暖，北枝寒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android开发者峰会：Fresco - loading images fast
10-11
Fresco是运用于 Android 设备的图片加载组件，使用了 Fresco 就可以不必烦恼图片的加载、显示这种繁琐的问题。本次分享主要介绍 Fresco 可以如何使用，它有哪些强大的功能，及其背后的一些设计。
Fresco（各种特效）——Loading效果
ZeroFlutter
04-15 4688
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"
Fresco图片框架简介及使用（可做圆角图片）
山中小僧的进阶之路
10-22 1270
Fresco图片框架简介及使用 Fresco是FaceBook推出的一个Android开源图片管理框架，它提供了图片下载、渐进式加载、内存管理等功能，很大程度上把程序员从繁琐的图片管理工作中解放了出来，官网地址，Fresco API。 一. 特性介绍 1. Image Pipeline Fresco 中设计有一个叫做 Image Pipeline 的模块。它负责从网
fresco自定义进度条ProgressBarImage
画虎烂的专栏
01-26 4694
第一种：继承drawablepublic class ImageLoadingDrawable extends Drawable{ private Paint mRingBackgroundPaint; private int mRingBackgroundColor; // 画圆环的画笔 private Paint mRingPaint; // 圆环颜色
Fresco加载展示本地图片设置圆角等
你微笑时很美ivan的博客
05-31 3026
Fresco提供了圆角属性,请求网络图片时效果正常,但是加载本地图片时我使用的setImageResource属性,结果图片是有,但是fresco的属性都无效,圆角无效,去官网研究了一下,然后将代码改为Uri uri = Uri.parse("res://com.yblt.hct/" + godList.imgRes); viewHolder.ivIcon.setImage...
Fresco加载手机图片墙
08-27
主要为大家详细介绍了Fresco加载手机图片墙，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
fresco图片加载
07-10
通过fresco对于网络图片进行加载
android studio 使用Fresco加载网络图片（包括gif）
03-30
android studio使用Fresco 加载gif图片
Android图片加载神器Fresco
09-22
在我们平时加载图片的时候，我们经常会遇到这样一个需求，那就是当图片正在加载时应该呈现正在加载时的图像，当图片加载失败时应该呈现图片加载时的图像，当我们重新加载这张图片时，应该呈现重试时图像，直到这张...
Fresco最最最简单使用
热门推荐
wa991830558的专栏
05-26 6万+
参考资料：http://fresco-cn.org/docs/getting-started.html#_    http://www.wfuyu.com/technology/23636.html fresco是facebook推出的一款强大的android图片处理库， github地址：https://github.com/facebook/fresco 里面有官方的使用配置文档，而且是中
fresco的圆形圆角使用加载动态图
wg_1176075838的博客
12-29 1155
圆形图片CircleImageView的使用和分析   转载：  https://blog.csdn.net/ruancoder/article/details/51889505加载动态图：//控件 my_image_view = (SimpleDraweeView) findViewById(R.id.my_image_view); //加载动态图 Uri uri = Uri.parse("ht...
Android 之 Fresco 显示圆形图片 之坑
手把手教你学安卓
01-12 1万+
前言用Fresco 显示 Android 图片，本来是想圆形图片显示的。可是折腾了半天还是方形图片，最后发现是命名空间的问题。xml 文件xml 文件如下：<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/re
android中用Fresco实现圆角图片和圆形图片
aotian16的专栏
11-25 7765
android中用Fresco实现圆角图片和圆形图片
Fresco用法总结基础篇
wl1769127285的专栏
04-07 1万+
Fresco是Facebook最新推出的一款用于Android应用中展示图片的强大图片库，可以从网络、本地存储和本地资源中加载图片。相对于ImageLoader，拥有更快的图片下载速度以及可以加载和显示gif图等诸多优势，是个很好的图片框架。PS：毕竟是facebook开源的，我说差也不会有人相信，还是夸夸吧！ github地址：https://github.com/facebook/fresc
Android中级篇之Fresco-加载图片基础[详细图解Fresco的使用]
wyb112233的专栏
11-04 2万+
Fresco简单的使用—SimpleDraweeView 百学须先立志—学前须知： 在我们平时加载图片(不管是下载还是加载本地图片…..)的时候，我们经常会遇到这样一个需求，那就是当图片正在加载时应该呈现正在加载时的图像，当图片加载失败时应该呈现图片加载时的图像，当我们重新加载这张图片时，应该呈现重试时图像，直到这张图片加载完成。这些繁琐并且重复的如果得不到简化的话，那将是一个开发
Fresco 圆形 圆角 动图
why_111的博客
05-08 1262
添加依赖： compile 'com.facebook.fresco:fresco:0.12.0' // 支持 GIF 动图，需要添加 compile 'com.facebook.fresco:animated-gif:0.12.0' // 支持 WebP （静态图+动图），需要添加 compile 'com.facebook.fresco:animated-webp:...
Fresco实践总结-高斯模糊、圆形圆角、URL、File、Assets、Resource
严振杰
02-28 1万+
前端时间我写了一个Android相册库Album，当时我在做测试的时候发现，用Picasso或者Glide时，当列表达到上千条时，滑动起来就会卡，但是换成Fresco后一点都不卡了，而且Fresco做到的几个内置效果让我欣喜若狂，所以我把我的使用总结记录下来。
Fresco加载网络图片（圆形）
weixin_30558305的博客
11-28 80
xml布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" ...
Android ImaegView 加载网络图片
最新发布
04-04
1. 使用第三方库，如 Glide、Picasso、Fresco 等，这些库可以方便地加载网络图片，并且支持缓存、压缩、转换等功能。 2. 使用 AsyncTask 加载网络图片，这种方式需要在 doInBackground 方法中执行网络请求获取图片...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值