Android开发-Android常用组件-ImageView图像视图

标签：src layout 视图 background ImageView Android android scaleType

4.4  ImageView(图像视图)

ImageView见名知意，就是用来显示图像的一个View或者说控件

 

需掌握的知识点：

1. ImageView的src属性和blackground的区别；
2. adjustViewBounds设置图像缩放时是否按长宽比
3. scaleType设置缩放类型
4. 最简单的绘制圆形的ImageView

• src属性和background属性的区别

　　　　在API文档中我们发现ImageView有两个可以设置图片的属性，分别是：src和background

　　　　常识：

　　　　① background通常指的都是背景,而src指的是内容!!

　　　　②  当使用src填入图片时,是按照图片大小直接填充,并不会进行拉伸,而使用background填入图片,则是会根据ImageView给定的宽度来进行拉伸

案例：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/linerLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
    
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@mipmap/ic_launcher_round"/>

    <ImageView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:background="@mipmap/ic_launcher_round"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher_round"/>

    <ImageView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher_round"/>

</LinearLayout>

 

 

•  Java代码中设置background和src属性：

　　　　前景（对应src属性）：setImageDrawable();

　　　　背景（对应background属性）：setBackgroundDrawable();

• 两者结合妙用：

 

    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center"
        android:padding="20dp"
        android:background="@mipmap/ic_launcher_round"　　//背景
        android:src="@mipmap/wode"/>　　　　//前景

 

 

•  scaleType属性android:scaleType

android:scaleType用于设置显示的图片如何缩放或者移动以适应ImageView的大小。Java代码中可以通过imageView.setScaleType(ImageView.ScaleType.CENTER);来设置。可选值如下：

fitXY	对图像的横向与纵向进行独立缩放，使得该图片完全适应ImageView，但是图片的横纵比可能会发生改变
fitStart	保持纵横比缩放图片，直到较长的边与Image的编程相等，缩放完成后将图片放在ImageView的左上角
fitCenter	同上，缩放后放于中间
fitEnd	同上，缩放后放于右下角
center	保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理
centerCrop	保持横纵比缩放图片，直到完全覆盖ImageView，可能会出现图片的显示不完全
centerInside	保持横纵比缩放图片，直到ImageView能够完全地显示图片
matrix	默认值，不改变原图的大小，从ImageView的左上角开始绘制原图， 原图超过ImageView的部分作裁剪处理

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/linerLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
<!--fitXY:对图像的横向与纵向进行独立缩放，使得该图片完全适应ImageView，但是图片的横纵比可能会发生改变-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher_round"/>
<!--fitStart:保持纵横比缩放图片，直到较长的边与Image的编程相等，缩放完成后将图片放在ImageView的左上角-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="fitStart"
        android:src="@mipmap/ic_launcher_round"/>
<!--fitCenter:同上，缩放后放于中间-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="fitCenter"
        android:src="@mipmap/ic_launcher_round"/>
<!--fitEnd:同上，缩放后放于右下角-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="fitEnd"
        android:src="@mipmap/ic_launcher_round"/>
<!--center:保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="center"
        android:src="@mipmap/ic_launcher_round"/>
<!--centerCrop:保持横纵比缩放图片，直到完全覆盖ImageView，可能会出现图片的显示不完全-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="centerCrop"
        android:src="@mipmap/ic_launcher_round"/>
<!--centerInside:保持横纵比缩放图片，直到ImageView能够完全地显示图片-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="centerInside"
        android:src="@mipmap/ic_launcher_round"/>
<!--matrix:默认值，不改变原图的大小，从ImageView的左上角开始绘制原图， 原图超过ImageView的部分作裁剪处理-->
    <ImageView
        android:background="@color/lawn_green"
        android:layout_width="300dp"
        android:layout_height="30dp"
        android:layout_gravity="center"
        android:scaleType="matrix"
        android:src="@mipmap/ic_launcher_round"/>
</LinearLayout>

 

 

   

标签：src,layout,视图,background,ImageView,Android,android,scaleType
From： https://www.cnblogs.com/lysboke/p/17269437.html