03 ImageView 图片

四  ImageView   父类 : view



    >概念:展示图片的控件  



    >属性:

     <!--  android:adjustViewBounds="true" 自适应  只有一个adjustViewBounds没有作用,需要和maxWidth,maxHeight一起使用-->

     <!-- 图片显示方式   android:scaleType="matrix"  保持原图片比例不变  从左上角开始截取  截取和 控件大小一至-->

     <!--  android:scaleType="fitXY"不按比例进行缩放 将图片完整的展示到ImageVIew中  会变形  -->

    <!-- android:scaleType="fitStart"  按比例进行缩放  显示在控件顶部  完整的显示图片 -->

    <!-- android:scaleType="fitCenter"  按比例进行缩放  显示在控件中间  完整的显示图片 -->

    <!-- android:scaleType="fitEnd"  按比例进行缩放  显示在控件底部   完整的显示图片 -->

    <!--  android:scaleType="center"不按比较进行缩放  中间位置截取相应的尺寸 -->

<!-- android:scaleType="centerCrop"按比例扩大图片  居中展示  超出部分不展示 -->

 <!--
    android:src="@drawable/c"设置图片位置
    android:adjustViewBounds="true"自适应图片本来的宽高比
            必须要maxWidth maxHeight一起使用 如果超过max最大的长度 则为设定的宽高
            比例中以低数据的宽或者高为自适应
     -->
	<ImageView
	    android:layout_row="0"
	    android:layout_column="0"
	    android:layout_height="wrap_content"
	    android:layout_width="wrap_content"
	    android:src="@drawable/c"
	    android:adjustViewBounds="true"
	    android:maxWidth="100dp"
	    android:maxHeight="100dp"
	    />
	<!-- android:scaleType="fitXY" 拉伸图片  填充整个imageView大小 -->
	<ImageView
	    android:layout_row="0"
	    android:layout_column="1"
	    android:layout_height="50dp"
	    android:layout_width="50dp"
	    android:src="@drawable/c"
	    android:scaleType="fitXY"
	    />
	<!-- android:scaleType="matrix" 比例不变 截取图片左上开始的填充整个imageView -->
	<ImageView
	    android:layout_row="0"
	    android:layout_column="2"
	    android:layout_height="200dp"
	    android:layout_width="200dp"
	    android:src="@drawable/c"
	    android:scaleType="matrix"
	    />
	<!-- android:scaleType="fitStart"  按比例进行缩放  显示在控件顶部  完整的显示图片 -->

	<ImageView
	    android:layout_width="200dp"
	    android:layout_height="466dp"
	    android:layout_column="3"
	    android:layout_gravity="left|top"
	    android:layout_row="0"
	    android:background="#0000ff"
	    android:scaleType="fitStart"
	    android:src="@drawable/a"/>

<!-- android:scaleType="fitStart"  按比例进行缩放  显示在控件底部  完整的显示图片 -->

	<ImageView
	    android:layout_width="200dp"
	    android:layout_height="466dp"
	    android:layout_column="4"
	    android:layout_gravity="left|top"
	    android:layout_row="0"
	    android:background="#0000ff"
	    android:scaleType="fitEnd"
	    android:src="@drawable/a"/>
<!-- android:scaleType="fitStart"  按比例进行缩放  显示在控件中部 完整的显示图片 -->

	<ImageView
	    android:layout_width="200dp"
	    android:layout_height="140dp"
	    android:layout_column="5"
	    android:layout_row="0"
	    android:background="#0000ff"
	    android:scaleType="fitCenter"
	    android:src="@drawable/c"/>

<!-- android:scaleType="center"
              图片原来的像素大小不变 如果宽或者高大于layout_width
              则截取图片横向中间（去除图片左右两边）的边截图放入imageView中
               图片原来的像素大小不变 如果高或者高大于layout_height
              则截取图片竖向中间（去除上下两边的）的截图放入imageView中 

               如果某边 小于imageView 则放入其某边中央
-->

	<ImageView
	    android:layout_width="500dp"
	    android:layout_height="100dp"
	    android:layout_column="6"
	    android:layout_row="0"
	    android:background="#0000ff"
	    android:scaleType="center"
	    android:src="@drawable/c"/>

<!--
   android:scaleType="centerCrop"
       以layout_width 和layout_height中长度较大的作为比例 放大或者缩小图片并截取中间部分填充整个imageView
 layout_width=50dp layout_height=100dp 则按layout_height=100算出图片的宽然后截取图片中间
-->

	<ImageView
	    android:layout_width="300dp"
	    android:layout_height="100dp"
	    android:layout_column="7"
	    android:layout_row="0"
	    android:background="#0000ff"
	    android:scaleType="centerCrop"
	    android:src="@drawable/mn"/>

<!--
  android:scaleType="centerInside"
  以 android:layout_width 和android:layout_height中较小的边作为比例缩放图片完整放入imageview中
如果android:layout_width和android:layout_height大于 图片大小则按原来图片比例放入其中
-->

	<ImageView
	    android:layout_width="400dp"
	    android:layout_height="400dp"
	    android:layout_column="8"
	    android:layout_row="0"
	    android:background="#0000ff"
	    android:scaleType="centerInside"
	    android:src="@drawable/a"/><span style="display: none; width: 0px; height: 0px;" id="transmark"></span>