Android fresco实现圆形、圆角、及GIF

//***权限

//fresco
implementation 'com.facebook.fresco:fresco:1.11.0'
//fresco加载动态图
implementation 'com.facebook.fresco:animated-gif:1.10.0'

//***application初始化一下,并且要在清单文件中配置一下★★★★，切记切记！！！

public class MyApp extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        //初始化fresco
        Fresco.initialize(this);
    }
}

//***布局文件

<?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"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/sdv"
        android:layout_width="100dp"
        android:layout_height="100dp"
        fresco:placeholderImage="@mipmap/ic_launcher"
        android:layout_gravity="center_horizontal"
        fresco:roundAsCircle="true"/>
    


</LinearLayout>

//***布局中可以设置的属性

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

//***MainActivity.java

sdv = findViewById(R.id.sdv);
Uri uri = Uri.parse("http://pic1.win4000.com/mobile/2018-11-15/5bed347fc089f.jpg");
sdv.setImageURI(uri);

//***高斯模糊的效果

public static void showUrlBlur(SimpleDraweeView draweeView, String url, int iterations, int blurRadius) {
        try {
            Uri uri = Uri.parse(url);
            ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
                    .setPostprocessor(new IterativeBoxBlurPostProcessor(6, blurRadius))
                    .build();
            AbstractDraweeController controller = Fresco.newDraweeControllerBuilder()
                    .setOldController(draweeView.getController())
                    .setImageRequest(request)
                    .build();
            draweeView.setController(controller);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

调用:showUrlBlur(sdv06,"http://hbimg.b0.upaiyun.com/159105d94a519771941d532ca377567c04772ebb22e75-CsKMCP_fw658",100,10);

下面是动画GIF的关键代码

SimpleDraweeView simpleDraweeView=findViewById(R.id.sdv_gif);
        DraweeController draweeController=Fresco.newDraweeControllerBuilder().setUri(Uri.parse("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1535551551658&di=934935e17256ee57ed0416598b78154e&imgtype=0&src=http%3A%2F%2Fs6.sinaimg.cn%2Fmw690%2F0062ywFUgy6Y2pBG8Vn65%26690")).setAutoPlayAnimations(true).build();
        simpleDraweeView.setController(draweeController);

效果：

动图效果就不上传了。

Android fresco实现圆形、圆角、及GIF

猜你喜欢