这篇随笔将会简单的记录下imageview这个控件的一些使用方法，以及其最重要的一个属性: scaletype
imageview这个控件是用来显示图片用的，例如我们可以通过下面这段xml配置来声明显示一张图片：
|
1
2
3
4
5
|
<imageview
android:id="@+id/imageview"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/ic_launcher"/>
|
其中src就是引用我们需要使用的图片，其可以是存放在 assets 目录下的图片，也可以是res/drawable目录下的图片，还可以是网络上的图片。我们这里是将图片放在了 res/drawable这个目录下，然后通过其自动生成的id来引用这个图片，我们同样可以在java代码中通过imageview这个对象来设置我们要引用的图片
|
1
2
3
|
imageview imageview = (imageview)findviewbyid(r.id.iamgeview1);
// 通过setimageresource()来设置引用的图片
imageview.setimageresource(r.id.iamgeview1);
|
接下来我们来看看imageview中最重要的一个属性：scaletype，这个属性是用来控制我们的图片怎样缩扩或者移动来匹配我们和imageview本身设置的大小。
其拥有许多的值，我们接下来根据代码来看看每个值所代表的含义：
①fitcenter：这个值指的是，当我这张图片比imageview大的时候，就会按照比例对图片进行缩放，并将图片居中显示。如果这张图片比imageview小，那么就会根据比例对图片进行扩大，然后将其居中显示，注意：如果图片分辨率不是两个相等的值，例如480*320，那么因为缩放比例不同，fitcenter设置后，其会根据小的分辨率进行缩小，例如会根据320来进行缩放或者扩大
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<imageview
android:id="@+id/iamgeview1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/dog"
android:background="#abcdef"
android:scaletype="fitcenter"/>
<imageview
android:id="@+id/imageview2"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#fedcba"
android:src="@drawable/ic_launcher"
android:scaletype="fitcenter"/>
|
我们看到，这里引用了两张图片，第一张dog图片是比imageview大的，第二张ic_launcher是比imageview小的，我们设置其scaletype后，其显示效果如下：
我们看到，因为第一张图片分辨率不是两个相等的数，那么就会留出一些边出来
②fitstart、fitend属性：这个属性跟fitcenter类似，当图片大小与imageview不相等时，其会按照比例对图片进行缩小或者放大，其参考的方向是根据分辨率大的那一方，例如480*320，则会参考480那方作为上下，如果是fitstart，则会将图片上边跟imageview对其，fitend则会将图片下边与imageview对其
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<imageview
android:id="@+id/iamgeview1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/dog"
android:background="#abcdef"
android:scaletype="fitstart"/>
<imageview
android:id="@+id/imageview2"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#fedcba"
android:src="@drawable/ic_launcher"
android:scaletype="fitstart"/>
|
我们看到，其会根据480那个分辨率向上对其，如果设置成fitstart，反之，设置成fitend，则会向下对其
③center：如果设置成center的话，那么图片就会截取中间的那部分显示在imageview里面，不会对图片进行缩小或者放大
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<imageview
android:id="@+id/iamgeview1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/dog"
android:background="#abcdef"
android:scaletype="center"/>
<imageview
android:id="@+id/imageview2"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#fedcba"
android:src="@drawable/ic_launcher"
android:scaletype="center"/>
|
④centerinside：设置这个属性值后，如果图片的大小比imageview大，那么就根据比例对图片进行缩小并将其居中显示，如果图片比imageview小，那么则不会对图片进行扩大处理，而是直接对其进行居中显示：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<imageview
android:id="@+id/iamgeview1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/dog"
android:background="#abcdef"
android:scaletype="centerinside"/>
<imageview
android:id="@+id/imageview2"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#fedcba"
android:src="@drawable/ic_launcher"
android:scaletype="centerinside"/>
|
⑤centercrop：如果图片比imageview大，那么则会对其进行缩小，但是并不会像fitcenter或者centerinside那样是根据比例缩放，centercrop设置后，其缩放的时候会将整个imageview的边都占据满，不会留出空隙，然后再将图片居中显示，如果图片小的话，就会对其进行扩大，并占满imageview的边框，再居中显示：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<imageview
android:id="@+id/iamgeview1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/dog"
android:background="#abcdef"
android:scaletype="centercrop"/>
<imageview
android:id="@+id/imageview2"
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#fedcba"
android:src="@drawable/ic_launcher"
android:scaletype="centercrop"/>
|
我们同样可以在java代码中来设置scaletype这个属性：
|
1
2
|
imageview imageview = (imageview)findviewbyid(r.id.iamgeview1);
imageview.setscaletype(scaletype.center_crop);
|
这几个就是我们常用的几个scaletype属性，我们可以根据需要来设置不同的属性值来达到图片和imageview大小匹配的效果