Android入门教程 | ImageView 图片显示
为了让App界面更美观生动,我们可以放上图片。 显示图片是“刚需”。不论是书籍,报纸,网站,都有显示图片的需求。毕竟“无图无真相”。 在 Android 应用开发中,我们通常使用 ImageView
来显示图片。
ImageView的主要属性
文章图片
ImageView的使用
ImageView经常用来显示图片。例如直接显示drawable里的图片资源。 ImageView显示的是Drawable对象。
src 与 backGround 的区别
在 layout xml 中,我们先来看一下 src 与 backGround 的区别。
backGround
是 View(ImageView是View的子类)的背景,会把图片拉大铺满整个View。src
是 ImageView 的属性,接受要展示的图片资源。
- 100dp
- 80dp
- #929292
- 4dp
在 drawable目录中增加一张图片。图片的宽长比和 style 设置的不一样。方便我们查看图片效果。
在示例 xml 中,展示 src 与 backGround 的区别。
效果:
文章图片
左边是设置为了background,可以看到图片被拉伸铺满了整个ImageView。 而且图片有一点变形。那是因为图片的宽长比和 ImageView 的宽长比不一致。
右边设置了src,可以看到图片并没有铺满。右边图片的显示方式,就是我们接下来要介绍的 scaleType。
scaleType,图片显示方式 设置了src后,再设置scaleType,能确定图片的显示效果。
实际上,src除了用drawable里的资源,也可以用mipmap。
scaleType取值:
- fitStart
- fitCenter
- fitEnd
- fitXY
- center
- centerCrop
- centerInside
- matrix
带有“fit”字样的,会显示图片的全部内容。
fitStart,fitCenter,fitEnd
图片会按原比例显示。 图片会往指定的方向靠拢。 fitXY会拉伸图片,铺满整个ImageView。
文章图片
center,centerCrop,centerInside
都是尽可能显示图片的中间部分。
- center 不缩放图片,如果图片比 ImageView 大,则会显示图片中间的部分。
- centerCrop,尽可能多的显示图片的中间部分。
- centerInside,把图片放到中间去显示,不会尝试铺满ImageView。
文章图片
matrix
把图片铺在ImageView左上角,并且不缩放图片。
文章图片
设置图片透明度,alpha 设置
alpha
值,能改变整个 ImageView 的透明度。
例子:
文章图片
【Android入门教程 | ImageView 图片显示】ImageView 视频教程参考
推荐阅读
- android第三方框架(五)ButterKnife
- Android中的AES加密-下
- 带有Hilt的Android上的依赖注入
- android|android studio中ndk的使用
- Android事件传递源码分析
- RxJava|RxJava 在Android项目中的使用(一)
- Android7.0|Android7.0 第三方应用无法访问私有库
- 深入理解|深入理解 Android 9.0 Crash 机制(二)
- android防止连续点击的简单实现(kotlin)
- Android|Android install 多个设备时指定设备