服务器之家

服务器之家 > 正文

实例解析Android ImageView的scaleType属性

时间:2021-05-12 16:34     来源/作者:xiaoluo501395377

 

这篇随笔将会简单的记录下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后,其显示效果如下:

实例解析Android 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"/>

实例解析Android ImageView的scaleType属性

我们看到,其会根据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"/>

实例解析Android ImageView的scaleType属性

④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"/>

实例解析Android ImageView的scaleType属性

⑤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"/>

实例解析Android ImageView的scaleType属性

我们同样可以在java代码中来设置scaletype这个属性:

?
1
2
imageview imageview = (imageview)findviewbyid(r.id.iamgeview1);
imageview.setscaletype(scaletype.center_crop);

这几个就是我们常用的几个scaletype属性,我们可以根据需要来设置不同的属性值来达到图片和imageview大小匹配的效果

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部