1.第一步倒依赖
//只支持静态图片
implementation 'com.facebook.fresco:fresco:1.9.0'
// 支持 GIF 动图,需要添加implementation 'com.facebook.fresco:animated-gif:1.9.0'
# org.gradle.parallel=true
2.创建App类实现初始化
public class App extends Application {
@Override
public void onCreate() {
super.onCreate();
//初始化Fresco ,必须再setContentView之前进行
Fresco.initialize(this);
}
}
3.写xml布局
<com.facebook.drawee.view.SimpleDraweeView
//是指如果宽或高设置wrap时需要设置一个比例否则不展示
app:viewAspectRatio="2"app:fadeDuration="2000"
//边框颜色和尺度
app:roundingBorderColor="@color/colorPrimary"app:roundingBorderWidth="10dp"
android:id="@+id/simple_drawee_view"
android:layout_width="200dp"
android:layout_height="wrap_content"
app:actualImageScaleType="centerCrop"
app:failureImage="@drawable/icon_failure"
app:placeholderImage="@drawable/icon_placeholder"
app:placeholderImageScaleType="centerInside"
app:progressBarImage="@drawable/icon_progress_bar"
app:retryImage="@drawable/icon_retry"
app:roundBottomRight="false"
app:roundTopLeft="true"
app:roundedCornerRadius="20dp" />
4.java代码activity操作
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
simpleDraweeView = findViewById(R.id.simple_drawee_view);
simpleDraweeView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//手动控制gif播放,注意:必须判空,否则静态图会奔溃
Animatable animatable = simpleDraweeView.getController().getAnimatable();
if(animatable !=null){
animatable.start();
}
}
});
//设置Url
Uri uri = Uri.parse(mjpegUrl);
//设置图片的Uri
// simpleDraweeView.setImageURI(uri);
// 1.hierarchy不能和xml中的属性共存,如果都有以java为准 ,所有xml属性都可以通过hierarchy来设置
GenericDraweeHierarchy hierarchy = new GenericDraweeHierarchyBuilder(getResources())
.setFailureImage(R.drawable.icon_failure)
.build();
//2.如果想对下xml中进行修改需要先获取对应的hierarchy,然后直接修改他就可以
// GenericDraweeHierarchy hierarchy1 = simpleDraweeView.getHierarchy();
// hierarchy1.setFadeDuration(2000);
// RoundingParams params =new RoundingParams();
// params.setCornersRadii(20,0,20,0);
// //可以通过setRoundingParams来在java代码中设置圆角一些属性
// hierarchy1.setRoundingParams(params);
//controller
ImageRequest imageRequest = ImageRequestBuilder.newBuilderWithSource(uri)
//设置支持渐进式加载
.setProgressiveRenderingEnabled(true)
.build();
AbstractDraweeController controller = Fresco.newDraweeControllerBuilder()
//如果使用controller,需要再controller中设置Uri才能正常展示
.setUri(uri)
//如果支持重试,必须再controller中控制
.setTapToRetryEnabled(true)
//设置支持的Gif自动播放
// .setAutoPlayAnimations(true)
//通过imageRequest,支持渐进式加载
.setImageRequest(imageRequest)
.build();
simpleDraweeView.setController(controller);
// simpleDraweeView.setHierarchy(hierarchy);
}
}