xutils3图片加载详解

亦凉 2022-06-09 06:10 204阅读 0赞

`资源图片见附录 我这里只讲解显示动态（gif）图片方面的东西。普通静态图片没必要说  1、先依赖xUtils3。我用的是Android Studio开发，以下情况as上运行没问题。eclipse上不保证  1.1  使用Gradle构建时添加一下依赖:`

compile 'org.xutils:xutils:3.3.28'
      
       1 
      
       1

注：写这篇博客的时候，是这个版本。用的时候，请确认版本号。   
github网址：

https://github.com/wyouflf/xUtils3
     
      
       1
      
     
      
       1

1.2：加权限

<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
     
      
       1
       2
      
     
      
       1
       2

1.3：在application的onCreate方法注册

public class MyApplication extends Application{ 
        @Override
        public void onCreate() {
            super.onCreate();
            x.Ext.init(this);
        }
    }
     
      
       1
       2
       3
       4
       5
       6
       7
      
     
      
       1
       2
       3
       4
       5
       6
       7

2、代码实现。   
2.1：创建工具类

import android.widget.ImageView;
    import org.xutils.common.util.DensityUtil;
    import org.xutils.image.ImageOptions;
    import org.xutils.x;
    
    /** * Created by Chen on 2016/4/5. */
    public class xUtilsImageUtils { 
    
        /** * 显示图片（默认情况） * * @param imageView 图像控件 * @param iconUrl 图片地址 */
        public static void display(ImageView imageView, String iconUrl) {
            ImageOptions imageOptions = new ImageOptions.Builder()
                    .setIgnoreGif(false)//是否忽略gif图。false表示不忽略。不写这句，默认是true
                    .setImageScaleType(ImageView.ScaleType.CENTER_CROP)
                    .setFailureDrawableId(R.mipmap.loadfailed)
                    .setLoadingDrawableId(R.mipmap.loading)
                    .build();
            x.image().bind(imageView, iconUrl,imageOptions);
        }
    
        /** * 显示圆角图片 * * @param imageView 图像控件 * @param iconUrl 图片地址 * @param radius 圆角半径， */
        public static void display(ImageView imageView, String iconUrl, int radius) {
            ImageOptions imageOptions = new ImageOptions.Builder()
                    .setImageScaleType(ImageView.ScaleType.CENTER_CROP)
                    .setRadius(DensityUtil.dip2px(radius))
                    .setIgnoreGif(false)
                    .setCrop(true)//是否对图片进行裁剪
                    .setFailureDrawableId(R.mipmap.loadfailed)
                    .setLoadingDrawableId(R.mipmap.loading)
                    .build();
            x.image().bind(imageView, iconUrl, imageOptions);
        }
    
        /** * 显示圆形头像，第三个参数为true * * @param imageView 图像控件 * @param iconUrl 图片地址 * @param isCircluar 是否显示圆形 */
        public static void display(ImageView imageView, String iconUrl, boolean isCircluar) {
            ImageOptions imageOptions = new ImageOptions.Builder()
                    .setImageScaleType(ImageView.ScaleType.CENTER_CROP)
                    .setCircular(isCircluar)
                    .setCrop(true)
                    .setLoadingDrawableId(R.mipmap.ic_launcher)
                    .setFailureDrawableId(R.mipmap.ic_launcher)
                    .build();
            x.image().bind(imageView, iconUrl, imageOptions);
        }
    }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
       27
       28
       29
       30
       31
       32
       33
       34
       35
       36
       37
       38
       39
       40
       41
       42
       43
       44
       45
       46
       47
       48
       49
       50
       51
       52
       53
       54
       55
       56
       57
       58
       59
       60
       61
       62
       63
      
     
      
      
       
     
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
       13
       14
       15
       16
       17
       18
       19
       20
       21
       22
       23
       24
       25
       26
       27
       28
       29
       30
       31
       32
       33
       34
       35
       36
       37
       38
       39
       40
       41
       42
       43
       44
       45
       46
       47
       48
       49
       50
       51
       52
       53
       54
       55
       56
       57
       58
       59
       60
       61
       62
       63

2.2：

<ImageView android:id="@+id/show_iv" android:layout_width="300dp" android:layout_height="300dp" />
     
      
       1
       2
       3
       4
       5
      
     
      
       1
       2
       3
       4
       5

2.3：

private ImageView show_iv;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            show_iv= (ImageView) findViewById(R.id.show_iv);
            String url="http://images.cnfol.com//file//201603//mp35337118_1444701483338_2_201603250855265951.gif";
            xUtilsImageUtils.display(show_iv,url,20);
    
        }
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12
      
     
      
       1
       2
       3
       4
       5
       6
       7
       8
       9
       10
       11
       12

3：侧试情况：

3.1：对于工具类中的第一个方法（普通显示）：   
3.1.1：.setIgnoreGif(true)—–图片不动，普通直角矩形   
3.1.2：//.setIgnoreGif(true)—–图片不动，普通直角矩形   
3.1.3：.setIgnoreGif(false)—–图片动，普通直角矩形

3.2：对于工具类中的第二个方法（圆角矩形）：[测试][Link 1]时，传入角度数据为20   
3.2.1：

.setIgnoreGif(true)
    .setCrop(true)
     
      
       1
       2
      
     
      
       1
       2

图片不动，显示圆角矩形   
3.2.2：

.setIgnoreGif(false)
    .setCrop(true)
     
      
       1
       2
      
     
      
       1
       2

图片动，但是显示普通直角，没有圆角效果

3.3：工具类中第三种情况（圆角）：   
3.3.1：

.setIgnoreGif(false)
    .setCrop(true)
     
      
       1
       2
      
     
      
       1
       2

图片动，但是显示普通直角，没有原型图效果   
3.3.2：

.setIgnoreGif(true)
    .setCrop(true)
     
      
       1
       2
      
     
      
       1
       2

图片圆形，但是图片不动

总结：在设置矩形圆角或者圆形图片后，如果显示动态图，动态效果和圆角（或圆形效果），不会同时出现。如果显示静态的普通图片，没问题

附录：   
ScaleType参照图：   
![这里写图片描述][20160405112116706]

![这里写图片描述][20160405112138128]

![这里写图片描述][20160405112156003]

![这里写图片描述][20160405112215940]

[Link 1]: http://lib.csdn.net/base/softwaretest
[20160405112116706]: /images/20220609/eccdb30690d04d2298fea50b6cf22724.png
[20160405112138128]: /images/20220609/5b240df5965d40dcaedea3a6a8ed785a.png
[20160405112156003]: /images/20220609/fb1fa7b20d4c4e4685d3b7ec97df6e95.png
[20160405112215940]: /images/20220609/6d1e1748ba54400ea605927f1459c32f.png