Glide的使用

一、加载Gif图片

效果图:

实现步骤:
    第一步:xml布局添加ImageView
[java]  view plain  copy
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:app="http://schemas.android.com/apk/res-auto"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:orientation="vertical"  
  7.     tools:context=".MainActivity">  
  8.     <ImageView  
  9.         android:id="@+id/imageview"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content" />  
  12. </LinearLayout>  
第二步:添加第三方控件
[java]  view plain  copy
  1. compile 'com.github.bumptech.glide:glide:3.7.0'  
 将.gif放到drawable-xhdpi中或从网络获取
[java]  view plain  copy
  1. import com.bumptech.glide.Glide;  
  2. ImageView imageView = (ImageView) findViewById(R.id.imageview);  
  3. Glide.with(this).load(R.drawable.nuli).into(imageView);  

二、实现毛玻璃效果

效果图:

  第一步:xml布局添加ImageView
[java]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent" android:layout_height="match_parent"  
  4.     android:orientation="vertical">  
  5.     <RelativeLayout  
  6.         android:layout_width="match_parent"  
  7.         android:layout_height="wrap_content">  
  8.         <ImageView android:id="@+id/iv_blur"  
  9.             android:layout_width="match_parent"  
  10.             android:layout_height="200dp" />  
  11.         <ImageView android:id="@+id/iv_avatar"  
  12.             android:layout_width="60dp"  
  13.             android:layout_height="60dp"  
  14.             android:layout_centerInParent="true"/>  
  15.     </RelativeLayout>  
  16. </LinearLayout>  
第二步:添加第三方控件
[java]  view plain  copy
  1. compile 'jp.wasabeef:glide-transformations:2.0.1'  
  2. compile 'com.github.bumptech.glide:glide:3.7.0'  
第三步:实现毛玻璃效果
[java]  view plain  copy
  1. package com.example.lvfulong.myapplication;  
  2. import android.support.v7.app.AppCompatActivity;  
  3. import android.os.Bundle;  
  4. import android.widget.ImageView;  
  5. import com.bumptech.glide.Glide;  
  6. import com.bumptech.glide.load.resource.bitmap.CenterCrop;  
  7. import jp.wasabeef.glide.transformations.BlurTransformation;  
  8. import jp.wasabeef.glide.transformations.RoundedCornersTransformation;  
  9. public class MainActivity extends AppCompatActivity {  
  10.     private ImageView blurImageView;  
  11.     private ImageView avatarImageView;  
  12.     @Override  
  13.     protected void onCreate(Bundle savedInstanceState) {  
  14.         super.onCreate(savedInstanceState);  
  15.         setContentView(R.layout.activity_main);  
  16.         initView();  
  17.         initData();  
  18.     }  
  19.     private void initView() {  
  20.         blurImageView = (ImageView) findViewById(R.id.iv_blur);  
  21.         avatarImageView = (ImageView) findViewById(R.id.iv_avatar);  
  22.     }  
  23.     private void initData() {  
  24. //        Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  25. //                .bitmapTransform(new BlurTransformation(this, 25), new CenterCrop(this))  
  26. //                .into(blurImageView);  
  27.         Glide.with(this).load("http://b.hiphotos.baidu.com/album/pic/item/caef76094b36acafe72d0e667cd98d1000e99c5f.jpg?psign=e72d0e667cd98d1001e93901213fb80e7aec54e737d1b867")  
  28.                 .bitmapTransform(new BlurTransformation(this25), new CenterCrop(this))  
  29.                 .into(blurImageView);  
  30.         //可设置圆角mag的图片  
  31.         Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  32.                 .bitmapTransform(new RoundedCornersTransformation(this510))  
  33.                 .into(avatarImageView);  
  34.     }  
  35. }  
第四步:添加网络权限
[java]  view plain  copy
  1. <uses-permission android:name="android.permission.INTERNET" />  

补充:
[java]  view plain  copy
  1. //        Glide.with(this).load("http://img2.3lian.com/2014/f6/173/d/51.jpg").error(R.drawable.work_routine_report_feedback).into(avatarImageView);  
  2.         //圆形  
  3. //        Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  4. //                .bitmapTransform(new CropCircleTransformation(this))  
  5. //                .into(avatarImageView);  
  6.         //方形  
  7. //        Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  8. //                .bitmapTransform(new CropTransformation(this))  
  9. //                .into(avatarImageView);  
  10.         //方形可以改变颜色  
  11. //        Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  12. //                .bitmapTransform(new ColorFilterTransformation(this,R.color.colorPrimary))  
  13. //                .into(avatarImageView);  
  14. //        Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  15. //                .bitmapTransform(new CropSquareTransformation(this))  
  16. //                .into(avatarImageView);  
  17.         //将图片改成灰色图片  
  18. //        Glide.with(this).load(R.drawable.work_routine_report_feedback)  
  19. //                .bitmapTransform(new GrayscaleTransformation(this))  
  20. //                .into(avatarImageView);  

文章转自xingxuan1的文章,以做学习积累,原文链接再下方
点击打开链接

猜你喜欢

转载自blog.csdn.net/x_nuo/article/details/79919607