首先效果图
MainActivity.java
public class MainActivity extends AppCompatActivity {
public String url="http://img5.duitang.com/uploads/item/201312/03/20131203153823_Y4y8F.jpeg";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
SimpleDraweeView simpleDraweeView = findViewById(R.id.main_sdv); //加载头像
Uri uri = Uri.parse("http://ww3.sinaimg.cn/large/610dc034jw1fasakfvqe1j20u00mhgn2.jpg");
simpleDraweeView.setImageURI(uri);
SimpleDraweeView simpleDraweeView2 = findViewById(R.id.main_sdv2); //加载背景图
//Uri uri2 = Uri.parse("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1545714226657&di=9e6d1b27a78f92b07a62504be95cc995&imgtype=0&src=http%3A%2F%2Fimg.alicdn.com%2Fimgextra%2Fi1%2F828655885%2FTB2j0_1bXXXXXa_XXXXXXXXXXXX_%2521%2521828655885.png");
showUrlBlur(simpleDraweeView2,url,1,10); //iterations越大越模糊
//simpleDraweeView2.setImageURI(uri2);
}
//高斯模糊
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(iterations, blurRadius))
.build();
AbstractDraweeController controller = Fresco.newDraweeControllerBuilder()
.setOldController(draweeView.getController())
.setImageRequest(request)
.build();
draweeView.setController(controller);
} catch (Exception e) {
e.printStackTrace();
}
}
}
activity_main.xml
<RelativeLayout 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"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
>
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/main_sdv2"
android:layout_width="match_parent"
android:layout_height="match_parent"
fresco:roundedCornerRadius="20dp"
android:src="@color/colorAccent"
/>
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/main_sdv"
android:layout_width="200dp"
android:layout_height="200dp"
fresco:roundAsCircle="true"
android:layout_centerInParent="true"
app:roundingBorderColor="#fff"
app:roundingBorderWidth="2dp"
/>
</RelativeLayout>
MyApplication.java
public class MyApplication extends Application{
@Override
public void onCreate() {
super.onCreate();
Fresco.initialize(this);
}
}
有关的属性
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/id_main_sdv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
fresco:actualImageScaleType="focusCrop" //加载得到的图片的缩放类型
fresco:fadeDuration="1000" //进度条,占位图片消失,加载图片展现的时间间隔
fresco:failureImage="@drawable/imgbg" //加载失败之后显示的图片
fresco:failureImageScaleType="centerInside" //图片缩放类型
fresco:placeholderImage="@drawable/imgbg" //占位图片(未加载之前显示的图片)
fresco:placeholderImageScaleType="fitCenter"
fresco:progressBarAutoRotateInterval="1000" //加载进度条图片旋转周期
fresco:progressBarImage="@drawable/progress_bar" //加载进度条图片
fresco:progressBarImageScaleType="centerInside"
fresco:retryImage="@mipmap/ic_launcher" //提示重新加载的图片资源
fresco:retryImageScaleType="centerCrop"
fresco:backgroundImage="@color/colorWhite" //背景图片
fresco:roundAsCircle="false" //是否要将图片剪切成圆形
fresco:viewAspectRatio="1" //图片宽高比
fresco:overlayImage="@drawable/overlay" //在图片上方覆盖一个图片资源
fresco:pressedStateOverlayImage="@color/colorBlack"
fresco:roundedCornerRadius="20dp" //圆角角度,
fresco:roundTopLeft="true" //设置哪个角需要变成圆角
fresco:roundTopRight="false"
fresco:roundBottomLeft="false"
fresco:roundBottomRight="true"
fresco:roundWithOverlayColor="@color/colorWhite" //圆角部分填充色
fresco:roundingBorderWidth="2dp" //边框宽度
fresco:roundingBorderColor="@color/colorBlack" //边框填充色
/>