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 -->将图片渲染成指定的颜色:
分享到:
相关推荐
6.5 案例1:圆形ImageView组件 186 6.6 案例2:验证码组件CodeView 190 6.7 练习作业 202 第七章 自定义容器 204 7.1 概述 204 7.2 ViewGroup类 205 7.2.1 ViewGroup常用方法 205 7.2.2 ViewGroup的工作原理 208 ...
注意TextView默认是透明的,不用写此属性,但是Buttom/ImageButton /ImageView想透明的话就得写这个属性了。 android:clickable 是否响应点击事件。 android:contentDescription 设置View的备注说明,作为一种辅助...
ImageView是用于界面上显示图片的控件。这篇文章主要介绍了Android ImgView属性图文详解,需要的朋友参考下
ImageView基础属性详解 详见博文http://blog.csdn.net/a87b01c14/article/details/49615689
ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸。src是图片内容(前景),bg是背景,可以同时使用。 此外:scaleType只对...
Android自定义控件属性详细介绍 1. reference:参考某一资源ID。 (1)属性定义: (2)属性使用: <ImageView android:layout_width = 42dip android:layout_height = 42dip
属性动画(Animator):通过操纵一个属性的get/set方法,真实地改变目标的某些属性。 传统动画框架的局限性 既然有了传统动画框架,Google 为什么还要创造一个属性动画框架呢? 我们下面举个例子来说明一下传统动画...
4.2.13 图片视图(ImageView) 4.2.14 带图标的按钮(ImageButton) 4.2.15 拖动效果(Gallery) 4.2.16 切换图片(hmgeSwilcher) 4.2.17 网格视图(GridView) 4.2.18 卷轴视图(ScrollView) 4.2.19 进度条(ProgressBar) 4.2....
Android开发开发技巧之 EditText 属性、 ProgressBar 各种样式大全 android用户界面之EditText教程实例汇 android用户界面之ListView教程实例汇 android用户界面之Toast教程实例汇 android用户界面之AlarmManager...
android ListView详解.doc Android 中几个常用属性的设置.doc android 读取文件内容操作.doc Android 选项卡效果.doc Android中 信息的输出——Log.v的使用.doc Android手机连接电脑详细图文教程.doc android...
android ListView详解.doc Android 中几个常用属性的设置.doc android 读取文件内容操作.doc Android 选项卡效果.doc Android中 信息的输出——Log.v的使用.doc Android手机连接电脑详细图文教程.doc android横竖屏...
5.1.1 图片视图(ImageView) 5.1.2 滚动视图(ScrollView) 5.1.3 网格视图(GridView) 5.1.4 列表视图(ListView) 5.1.5 切换图片(ImageSwitcher和Gallery) 5.1.6 标签切换(Tab) 5.2 通用XML属性 第6章 ...
《Android应用开发揭秘》全部实例源代码,配合《Android应用开发揭秘》使用 前言 第一部分 准备篇 第1章 Android开发简介 1.1 Android基本概念 1.1.1 Android简介 1.1.2 Android的系统构架 1.1.3 ...
4.2.13 图片视图(ImageView) 4.2.14 带图标的按钮(ImageButton) 4.2.15 拖动效果(Gallery) 4.2.16 切换图片(hmgeSwilcher) 4.2.17 网格视图(GridView) 4.2.18 卷轴视图(ScrollView) 4.2.19 进度条(ProgressBar) 4.2....
Android+的一些特效,这些特效代码有:Android中的ImageView边框、Android开发培训课件.ppt、android ListView详解.doc、android 读取文件内容操作.doc、Android 选项卡效果.doc、Android 中几个常用属性的设置
4.2.13 图片视图(ImageView) 4.2.14 带图标的按钮(ImageButton) 4.2.15 拖动效果(Gallery) 4.2.16 切换图片(hmgeSwilcher) 4.2.17 网格视图(GridView) 4.2.18 卷轴视图(ScrollView) 4.2.19 进度条...