ImageView属性详解:
注:测试图片比例为:156*135
属性1:
adnroid:scaleType ——>控制图片如何resized/moved来匹对 ImageView的size;
android:scaleType值的含义以及效果示意图:
* center 按图片本来的大小进行显示,当图片长/宽超过ImageView的固定长宽的时候则截取图片居中部分显示:
xml源码:
<ImageView
android:src="@drawable/a"
android:scaleType="centerInside"
android:background="#7FFF00"
android:layout_width="60dp"
android:layout_height="90dp"
/>
如图:1、长宽没有超过ImageView的时候:
2、长宽超过ImageView的时候:
* centercrop 按比例扩大图片的size居中显示,使得图片长宽等于或大于ImageView的长(宽:并不能同时的满足);
xml源码:
<ImageView
android:src="@drawable/a"
android:scaleType="centerInside"
android:background="#7FFF00"
android:layout_width="200dp"
android:layout_height="300dp"
/>
如图:
1、
* centerinside 将图片的内容完整居中显示,通过按比例缩小或原来的size使图片长宽等于或小于ImgeView的长(宽);
xml源码:
<ImageView
android:src="@drawable/a"
android:scaleType="centerInside"
android:background="#7FFF00"
android:layout_width="60dp"
android:layout_height="90dp"
/>
如图:
1、
* fitCenter 把图片按比例扩大/缩小到ImageView的宽度,居中显示:(和centerInside不同的是:fitCenter操作后只要一边满足要求即可;
即:操作后的(长/宽)size不可能大于View(长/宽))
* fitEnd 把图片按比例扩大/缩小到ImageView的宽度,显示在下方;
* fitStart 把图片按比例扩大/缩小到ImageView的宽度,显示在上方;
xml源码:
android:scaleType="fitCenter"
android:scaleType="fitStart"
android:scaleType="fitEnd"
效果图:
1、
2、
3、
* fitXY 把图片 不按比例 扩大/缩小到View的大小显示; 即:完全的填满了组件
xml源码:
效果图:
1、
* matrix 用矩阵来绘制:(用途:用户可以对图片进行放大缩小的操作,具体代码java中实现)
效果图:
1、
属性2:android:adjustViewBounds -->是否保持宽高比,需要结合maxWidth、MaxHeight一起使用
否则单独使用没有效果;
属性3:android:maxHeight -->设置View的最大高度,单独使用无效,需要与setAdjustView
一起配合使用;例如如果想设置图片固定大小,又想保持图片宽高比,
设置如下:
* 设置setAdjustViewBounds为true;
* 设置maxWidth 、MaxHeight
* ImageView的宽度高度设为自定义;
测试图片参数:697*1024
测试实现:最大的高度不超过80dp;
xml源码:
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#7FFF00"
android:src="@drawable/c"
android:adjustViewBounds="true"
android:maxHeight="80dp"
android:maxWidth="100dp"
/>
效果示意图:
属性4:android:src -->设置View的图片资源位置;
属性5:android:tint -->将图片渲染成指定的颜色:
分享到:
相关推荐
Android XML 布局属性详解 Android XML 布局属性是 Android 应用程序中最基本也是最重要的一部分。它负责控制屏幕上的各种控件的布局和排列。 Android XML 布局属性可以分为三类:第一类是属性值为 true 或 false ...
### Android布局属性详解 在Android应用开发过程中,布局设计至关重要,它决定了用户界面的美观性和易用性。本文将深入探讨Android布局中的关键属性,并通过示例解释它们的具体用途及应用场景。 #### ...
下面是 RelativeLayout 的主要属性详解: 第一类:属性值为 true 或 false 1. android:layout_centerHorizontal:使当前控件水平居中。 2. android:layout_centerVertical:使当前控件垂直居中。 3. android:...
### Android布局属性详解 在Android应用开发中,布局是用户界面设计的核心部分,它决定了控件的排列方式和外观效果。本篇文章将详细介绍Android中常用的布局属性及其应用场景,帮助开发者更好地掌握布局技巧。 ###...
【Android圆角ImageView详解】 在Android开发中,我们经常需要为ImageView添加圆角效果,以实现各种美观的界面设计。这个“Android 圆角ImageView”项目是一个毕业设计的学习示例,它展示了如何自定义一个ImageView...
最后,`ImageView`的`android:scaleType`属性用于调整图片在视图中的显示方式: 1. `CENTER`:保持图片原尺寸居中显示,超出部分会被裁剪。 2. `CENTER_CROP`:按比例放大图片以填满视图,保持纵横比不变,可能导致...
在构造函数中,我们初始化ImageView和TextView,并通过`attrs`参数解析XML布局文件中的属性。这些属性包括显示的图片、按下时显示的图片、文字内容、文字颜色、文字与图片的距离以及按下时文字的颜色。这里使用`...
在Android开发中,为了提升用户体验,开发者经常需要在显示图片的同时附带文字说明。而标准的`ImageView`组件仅能显示图像,不支持内嵌文本。为了解决这个问题,我们可以自定义一个`ImageView`控件,使其具备显示...
### Android布局属性详解 #### 一、概述 在Android应用开发过程中,良好的用户界面设计是提升用户体验的关键之一。其中,布局是构成用户界面的基础。本文档汇总了Android中常用的布局属性,旨在帮助开发者更好地...
例如,一个常见的`activity_main.xml`文件会包含各种视图元素(如TextView、Button、ImageView等)及其布局属性。开发者可以通过这些文件来创建动态和交互式的UI。 `AndroidManifest.xml`文件是应用的元数据,它...
《Android典型技术模块开发详解》这本书是为初入Android开发领域的工作者量身打造的指南,旨在帮助读者深入理解和掌握Android各个关键模块的开发技术。在本文中,我们将详细探讨书中可能涉及的重要知识点,并尽可能...
Android ImgView 属性图文详解 在 Android 开发中,ImageView 是一个非常常用的控件,用于界面上显示图片。本文主要介绍了 ImageView 的一些重要属性,包括 src、background、scaleType 等,并通过实例代码和效果图...
### Android XML 文件详解 在Android开发中,XML文件主要用于定义应用程序的用户界面(UI)。本文将详细介绍各种Layout中常用的一些重要属性,并将...理解并熟练掌握这些属性是成为合格Android开发者的必备技能之一。
### Android布局控件之RelativeLayout详解 #### 一、概述 在Android开发中,布局是非常重要的一环,良好的布局设计能够使界面美观且适应各种屏幕尺寸。`RelativeLayout`作为Android提供的几种基本布局之一,通过...
#### XML 属性详解 ##### android:adjustViewBounds 该属性用于控制 `ImageView` 在保持图像原始宽高比的情况下调整其大小。当设置为 `true` 时,`ImageView` 会根据 `maxWidth` 和 `maxHeight` 的限制自动调整自身...