zoukankan      html  css  js  c++  java
  • 2.06ImageView(图像视图)_UI组件_Android

    TOC

    ImageView(图像视图)_UI组件_Android

    参考:

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

    src属性和background属性的区别

    在API文档中我们发现ImageView有两个可以设置图片的属性,分别是:src和background
    常识:
    1.background通常指的都是背景,而src指的是内容!!
    2.当使用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"
        tools:context="com.jay.example.imageviewdemo.MainActivity" >
    
        <ImageView
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"
            android:background="@drawable/pen" />  
       //拉伸了
        <ImageView  
            android:layout_width="200dp"  
            android:layout_height="wrap_content"  
            android:background="@drawable/pen" />  
    
        <ImageView  
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"  
            android:src="@drawable/pen" />  
       //没有拉伸
        <ImageView  
            android:layout_width="200dp"  
            android:layout_height="wrap_content"  
            android:src="@drawable/pen" />  
    
    </LinearLayout> 

    Java代码中设置blackground和src属性:

    前景(对应src属性):setImageDrawable();
    背景(对应background属性):setBackgroundDrawable();

    两者结合妙用

    <ImageView
        android:layout_gravity="center"
        android:padding="20dp"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@drawable/shape_bg" //背景图
        android:src="@mipmap/pen" />  //边框形状

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

    fitEnd , fitStart , fitCenter

    <ImageView
        android:background="#ffc"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:scaleType="fitStart"
        android:src="@mipmap/ic_launcher" />








    adjustViewBounds设置图像缩放时是否按长宽比

  • 相关阅读:
    JavaScript深入学习(四)DOM
    Python学习(六)简单例子
    Python学习(五)常见函数及控制结构
    Python学习(四)运算符
    Python学习(三)格式化输出
    Spark学习(二)scala语法
    JavaScript学习(三)深入学习
    表的完整性约束
    创建表的完整语法和基本数据类型
    mysql基础
  • 原文地址:https://www.cnblogs.com/ziyue7575/p/adcbdf4e61bf4a707ac7aefe06bc0a7b.html
Copyright © 2011-2022 走看看