1. ImageView使用
ImageView是用于在界面上展示图片的一个控件。图片通常都放在以drawable开头的目录下。
1.1 src与background属性
示例:
<ImageView
android:id="@+id/image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/img_1" />
使用android:src属性给ImageView指定了一张图片,由于宽高未知,最好选择wrap_content。
ImageView有两个可以设置图片的属性,分别是:src和background
备注:
- background通常指的都是背景,而src指的是内容
- 当使用src填入图片时,是按照图片大小直接填充,并不会进行拉伸,而使用background填入图片,则是会根据ImageView给定的宽度来进行拉伸
除了在xml布局文件中指定图片属性,也可以通过代码动态地更改ImageView中地图片
imageView.setImageResource(R.drawable.img_2);
除此之外,还可以在代码中动态设置background和src属性
前景(对应src属性):setImageDrawable( );
背景(对应background属性):setBackgroundDrawable( );
1.2 adjustViewBounds缩放属性
该属性用于设置缩放时是否保持原图长宽比。单独设置无用,需配合maxWidth和maxHeight属性一起使用。后两个属性的生效也需要该属性为true。
android:maxHeight:设置ImageView的最大高度
android:maxWidth:设置ImageView的最大宽度
示例:
<!-- 限制了最大宽度与高度,并且设置了调整边界来保持所显示图像的长宽比-->
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5px"
android:adjustViewBounds="true"
android:maxHeight="200px"
android:maxWidth="200px"
android:src="@mipmap/meinv" />
1.3 scaleType缩放类型
android:scaleType用于设置显示的图片如何缩放或者移动以适应ImageView的大小 Java代码中可以通过imageView.setScaleType()来设置~ 可选值如下:
-
fitXY:
对图像的横向与纵向进行独立缩放,使得该图片完全适应ImageView,但是图片的横纵比可能会发生改变
-
fitStart:
保持纵横比缩放图片,直到较长的边与Image的边框相等,缩放完成后将图片放在ImageView的左上角
-
fitCenter:
同上,缩放后放于中间;
-
fitEnd:
同上,缩放后放于右下角;
-
center:
保持原图的大小,显示在ImageView的中心。当原图的size大于ImageView的size,超过部分裁剪处理。
-
centerCrop:
保持横纵比缩放图片,直到完全覆盖ImageView,可能会出现图片的显示不完全
-
centerInside:
保持横纵比缩放图片,直到ImageView能够完全地显示图片
-
matrix:
默认值,不改变原图的大小,从ImageView的左上角开始绘制原图, 原图超过ImageView的部分作裁剪处理
简单示例:
<!-- 保持图片的横纵比缩放,知道该图片能够显示在ImageView组件上,并将缩放好的图片显示在imageView的右下角 -->
<ImageView
android:id="@+id/imageView3"
android:layout_width="300px"
android:layout_height="300px"
android:layout_margin="5px"
android:scaleType="fitEnd"
android:src="@mipmap/meinv" />
网友评论