【Android -- UI】ImageView

191 阅读1分钟

4.1 概念

  • 用来显示图像的一个View或者说控件

4.2 src属性和background属性的区别

  • backGround 是 View(ImageView是View的子类)的背景,会把图片拉大铺满整个View。
  • src填入图片时,是按照图片大小直接填充,并不会进行拉伸,而使用background填入图 片,则是会根据ImageView给定的宽度来进行拉伸

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

    <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/default_pic" />

    <ImageView
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:background="@drawable/default_pic" />

    <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/default_pic" />

    <ImageView
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:src="@drawable/default_pic" />
</LinearLayout>
Java代码设置
  • setImageDrawable() :背景(对应src属性):
  • setBackgroundDrawable(): 背景(对应background属性)
两者结合妙用
<ImageView
        android:layout_gravity="center"
        android:padding="20dp"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@drawable/default_pic"
        android:src="@mipmap/ic_launcher" />

4.3 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的部分作裁剪处理