fresco用布局设置圆角图片,加载前的显示图片,等各种设置

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

原创最新推荐文章于 2025-06-02 09:04:06 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

常用专栏收录该内容

45 篇文章

订阅专栏

本文详细介绍了如何使用Fresco库在XML布局中设置图片圆角，以及如何配置加载前的占位图。强调了关键的代码部分，并提醒读者添加必要的依赖、权限和应用程序配置。

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

//在xml中进行改变控件,和一些设置

//注意红色的部分,用布局设置一定要改为红色部分

//再说一遍添加依赖,添加权限,添加配置application

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.example.ch.MainActivity">

android:layout_width="20dp"   
// 不支持wrap_content， 如果要设置宽高比, 需要在Java代码中指定setAspectRatio(float ratio);

android:layout_height="20dp"    
// 不支持wrap_content 

fresco:placeholderImage="@color/wait_color"
// 下载成功之前显示的图片

fresco:placeholderImageScaleType="fitCenter"
 // 设置图片缩放. 通常使用focusCrop,该属性值会通过算法把人头像放在中间


 fresco:failureImage="@drawable/error"
// 加载失败的时候显示的图片

 fresco:failureImageScaleType=“centerInside"
// 设置图片缩放

fresco:retryImage="@drawable/retrying"
// 加载失败,提示用户点击重新加载的图片(会覆盖failureImage的图片)

fresco:retryImageScaleType="centerCrop"


// 是不是设置圆形方式显示图片 
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"

 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" //边框颜色

//用法

    <com.facebook.drawee.view.SimpleDraweeView
         android:id="@+id/sdv_2"
         android:layout_width="90dp"
         android:layout_height="90dp"
         android:layout_marginTop="15dp"
         fresco:actualImageScaleType="centerCrop"
         fresco:roundAsCircle="true"
        />