fresco的圆形圆角使用加载动态图

最新推荐文章于 2025-06-02 09:04:06 发布

你的刚哥哥

最新推荐文章于 2025-06-02 09:04:06 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wg_1176075838/article/details/78930801

本文介绍了如何使用Fresco框架在Android中实现圆形和圆角图片的加载，包括CircleImageView的使用，以及动态图的加载方法。通过设置SimpleDraweeView的属性，展示了加载网络图片并显示为圆形和圆角的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

圆形图片CircleImageView的使用和分析

转载： https://blog.youkuaiyun.com/ruancoder/article/details/51889505

加载动态图：

//控件
my_image_view = (SimpleDraweeView) findViewById(R.id.my_image_view);
//加载动态图
Uri uri = Uri.parse("http://img.huofar.com/data/jiankangrenwu/shizi.gif");

DraweeController draweeController =
        Fresco.newDraweeControllerBuilder()
                .setUri(uri)
                .setAutoPlayAnimations(true) // 设置加载图片完成后是否直接进行播放
                .build();
my_image_view.setController(draweeController);

public class MyApplition extends Application {
    @Override
    public void onCreate() {
        super.onCreate();

        Fresco.initialize(this);

    }
}

fresco图片的框架：
compile 'com.facebook.fresco:fresco:1.5.0'

fresco动态图：
compile 'com.facebook.fresco:animated-gif:1.5.0'

fresco动态图：
compile 'com.facebook.fresco:animated-gif:1.5.0'

加载圆形图片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/circleImageView"
android:layout_width="130dp"
android:layout_height="130dp"
fresco:actualImageScaleType="centerCrop"
fresco:placeholderImage="@mipmap/ic_launcher"
fresco:placeholderImageScaleType="centerCrop"
fresco:roundAsCircle="true" />

加载圆角图片
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/roundedImageView"
android:layout_width="130dp"
android:layout_height="130dp"
fresco:actualImageScaleType="centerCrop"
fresco:placeholderImage="@mipmap/ic_launcher"
fresco:placeholderImageScaleType="centerCrop"
fresco:roundedCornerRadius="25dp" />

Uri uri = Uri.parse("https://pic4.zhimg.com/03b2d57be62b30f158f48f388c8f3f33_b.png");
SimpleDraweeView commonImageView = (SimpleDraweeView) findViewById(R.id.commonImageView);
commonImageView.setImageURI(uri);

SimpleDraweeView circleImageView = (SimpleDraweeView) findViewById(R.id.circleImageView);
circleImageView.setImageURI(uri);

SimpleDraweeView roundedImageView = (SimpleDraweeView) findViewById(R.id.roundedImageView);
roundedImageView.setImageURI(uri);

   
         fresco:fadeDuration=
         "300" 
         // 淡入淡出的持续时间
        
         fresco:actualImageScaleType=
         "focusCrop"  
         // 实际图像的缩放类型
        
         fresco:placeholderImage=
         "@color/wait_color"  
         //占位图
        
         fresco:placeholderImageScaleType=
         "fitCenter" 
         //占位图的缩放类型
        
         fresco:failureImage=
         "@drawable/error" 
         //下载失败显示的图片
        
         fresco:failureImageScaleType=
         "centerInside" 
         //失败图的缩放类型
        
         fresco:retryImage=
         "@drawable/retrying"
        
         //图片加载失败时显示，提示用户点击重新加载，重复加载4次还是没有加载出来的时候才会显示failureImage的图片
        
         fresco:retryImageScaleType=
         "centerCrop" 
         //重新加载的图片缩放类型
        
         fresco:progressBarImage=
         "@drawable/progress_bar" 
         //进度条图片
        
         fresco:progressBarImageScaleType=
         "centerInside"
        
         fresco:progressBarAutoRotateInterval=
         "1000"
        
         //进度图自动旋转间隔时间(单位：毫秒ms)
        
         fresco:backgroundImage=
         "@color/blue"
        
         //背景图片，这里的背景图片首先被绘制
        
         fresco:overlayImage=
         "@drawable/watermark"
        
         // 设置叠加图，在xml中只能设置一张叠加图片，如果需要多张图片的话，需要在java代码中设置哦
        
         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" 
         //边框颜色