ImageView详解

时间  2019-11-09
标签 imageview 详解 繁體版
原文   原文链接

知识点简介

ImageView在官方的介绍上说是显示任意图像，如图标。ImageView类能够从各类来源(如资源或内容提供程序)加载图像，负责从图像中计算其度量，以即可以在任何布局管理器中使用，并提供各类显示选项，如缩放和着色。html

基本使用方法

  1. xml xml中声明ImageView控件，而后在activity中经过findViewById()获取
<ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:src="@mipmap/icon_check"/>
复制代码
public class MainActivity extends RxAppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView imageView = (ImageView) findViewById(R.id.image);
    }

}
复制代码
  1. new 经过new建立出ImageView对象，传入一个context
ImageView view = new ImageView(this);
复制代码

经常使用属性

经常使用属性详解

  • android:adjustViewBounds

 相关方法:setAdjustViewBounds(boolean)  官方解释：经过调整ImageView的界限来保持图片的宽高比例android

 adjustViewBounds参数默认为false，当咱们须要使用它的时候将其设置为true,其scaleType自动为“fitCenter”（当scaleType与adjustViewBounds同时在xml中设置后，若是设置了scaleType，则由adjustViewBounds自动设置的scaleType将失效，由于scaleType优先级比adjustViewBounds高），而且会根据当前View的最大宽高来填充View的内容，而且须要配合上maxHeight与maxWidth一块儿使用才会有效，由于其须要一个ImageView的界限bash

<ImageView
        android:id="@+id/image"
        android:maxHeight="30dp"
        android:maxWidth="30dp"
        android:adjustViewBounds="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/icon_check"/>
复制代码
  • android:baseline

 相关方法:setBaseline(int)  官方解释:视图中基线的偏移量。ide

 baseline默认为-1，此时基线处于ImageView的顶部，当经过setBaseLine设置偏移量为正数时表明视图的基线向下偏移，为负数时向上偏移，下面咱们能够经过代码与图片的结合清楚的了解那条基线的位置(当baseline与baselineAlignBottom同时存在一个视图中时，基线以设置了baselineAlignBottom为主)布局

  1. 设置偏移量为正数
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >

    <TextView
        android:text="你好"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:baseline="50dp"
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>

</LinearLayout>
复制代码

在这里插入图片描述

  1. 设置偏移量为负数
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
  >

    <TextView
        android:text="你好"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:baseline="-50dp"
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>

</LinearLayout>
复制代码

偏移量为-50dp
3. 不设置偏移量 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >

    <TextView
        android:text="你好"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>

</LinearLayout>
复制代码

无偏移量

  • android:baselineAlignBottom  相关方法:setBaselineAlignBottom(boolean)  官方解释:若是为true，则图像视图将基于其底部边缘与基线对齐  其实就是基线的位置处于ImageView的底部，展示出来的效果就是上图示例中咱们的文字与图片底部对齐，其中baseline若是与baselineAlignBottom同时使用时，baseline设置得将毫无心义，基线位置以baselineAlignBottom设置的为主
<LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
 
    <TextView
        android:text="你好"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:baselineAlignBottom="true"
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
        
    </LinearLayout>
复制代码

在这里插入图片描述

  • android:cropToPadding  相关方法:setCropToPadding(boolean)  官方解释:若是为true，该图像将被裁剪以适合其填充  这个参数若是设置为true，ImageView在onDraw的时候会根据scrollX、scrollY、padding等等参数来对图片进行裁剪，并将裁剪后的图片填充到界面上
    onDraw方法 
<LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <TextView
        android:text="你好"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:paddingLeft="-20dp"
        android:cropToPadding="true"
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>

    </LinearLayout>
复制代码

在这里插入图片描述

  • android:maxHeight  相关方法:setMaxHeight(int)  官方解释:为视图提供最大的高度可选参数 该参数与maxWidth做用类似，都是至关于给ImageView设置一个最大的宽或高，该参数必须与android:adjustViewBounds配合使用，单独使用无效
  • android:maxWidth  相关方法: setMaxWidth(int)  官方解释:为视图提供最大的宽度可选参数 该参数与maxWidth做用类似，都是至关于给ImageView设置一个最大的宽或高，该参数必须与android:adjustViewBounds配合使用，单独使用无效
  • android:scaleType（重点掌握）  相关方法:setScaleType(ImageView.caleType)  官方解释:控制图像大小的调整或移动方式，以与此ImageView的大小匹配 Type:
  1. CENTER

 图片居中展现，若是图片大与控件大小，则以中心为基准展现ImageView控件大小，图片多出的部分裁剪不展现，若是图片小于控件大小，则所有展现，其他地方留白ui

  1. CENTER_CROP

 图片进行等比的缩放或拉伸，直到有宽或高有一方可以等于控件的宽高，多余的不展现this

  1. CENTER_INSIDE

 将图片进行等比缩放，完整的展现在ImageView上，没有铺张到的地方显示背景色留白spa

  1. FIT_CENTER

 默认模式，图片将进行等比缩放或放大，完整的展现在ImageView上，而且没有铺张到的地方显示背景色。这里与CENTER_INSIDE有点相似，区别在于当同时都是小图片的时候，FIT_CENTER会在小图片的时候将图片拉伸至控件大小，而CENTER_INSIDE则只会居中显示，不拉伸翻译

  1. FIT_START

 图片进行等比缩放或放大，完整的展现在ImageView上，这一点和FIT_CENTER类似，不一样点在于FIT_START是以左上为基准，当宽完整平铺展现而且高会有留白后，图片将在控件的上方，下方留白，若是高平铺展现，宽有留白时，则右边留白3d

  1. FIT_END

 图片进行等比缩放或放大，完整展现在ImageView上，与FIT_START效果相反

  1. FIT_XY

 图片进行缩放或放大（非等比），显示在ImageView上，这里不是等比缩放或放大，会将图片完整的展现在ImageView上，通常来讲图片宽高比和控件宽高比不一致的状况下，图片会呈现扭曲感

  1. MATRIX

 指定一种矩阵，由于其余七种都是内部已经写好了矩阵，这一种为本身指定一种矩阵，配合setImageMatrix()方法使用 快速记忆：其中CENTER,CENTER_CROP,CENTER_INSIDE共性：居中显示，FIT_CENTER,FIT_END,FIT_START,FIT_XY共性：对图片进行缩放，MATRIX指定矩阵

  • android:src  相关方法: setImageResource(int)  官方解释:将可绘制的内容设置给ImageView ImageView显示图片有两种方式，android:background和android:src两种，虽然两种都能作到显示图片，可是仍是有很大的区别的，在下面专门开设一个节点详细讲解一下
    在这里插入图片描述
    在这里插入图片描述
  • android:tint  相关方法:setColorFilter(int,PorterDuff.Mode)  官方解释:设置图像的颜色 这个方法翻译过来就是染色，它的做用就是改变图像每一个像素的颜色，使用起来很简单，直接调用 setColorFilter();方法，传入ColorFilter，ColorFilter有三个派生子类LightingColorFilter，PorterDuffColorFilter，ColorMatrixColorFilter，这个方法虽然用起来很简单，可是其中却有不少细节，能够参考Android中ImageView的ColorFilter图像处理解析，讲的很详细。

子类

ImageButton

 ImageViewButton是一个相似Button的图像按钮

  • 能够根据android:src或setimageresource（int）来为其设置图像
  • 能够同时拥有前景和背景（前景在设置了固定的宽高后会出现图片失帧状况）
  • 能够设置选择器，根据按钮的不一样状态来改变按钮的图像等等（要选择生效必须控件获取到焦点）
<ImageButton
        android:id="@+id/imageview"
        android:src="@drawable/bottom_line_style"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
复制代码

bottom_line_style.xml

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true"
           android:drawable="@drawable/button_pressed" /> <!-- pressed -->
     <item android:state_focused="true"
           android:drawable="@drawable/button_focused" /> <!-- focused -->
     <item android:drawable="@drawable/button_normal" /> <!-- default -->
 </selector>
复制代码

QuickContactBadge

 用于显示具备标准QuickContact徽章和单击行为的图像的小部件 该方法如今用的很少了，参考文章:QuickContactBadge

AppCompatImageView

 能够染色的ImageView，实现了TintableBackgroundView与TintableImageSourceView两个接口，用做对背景颜色进行动态改变，该ImageView在5.0如下的系统容易出现问题，较难排查，不建议使用

注：在高版本中还有一些其余的子类，可是不常见，因此没有例举

相关文章连接：

ImageView的ScaleType原理及效果分析 ：www.jianshu.com/p/fe5d2e3fe… ImageView的ScaleType详解 ：www.cnblogs.com/pandapan/p/… Android中ImageView的ColorFilter图像处理解析 ：www.jianshu.com/p/bbc77334b… 关于圆角ImageView的几种实现方式 ：www.jianshu.com/p/626dbd932…

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程