Android入门教程

您所在的位置:网站首页 android设置图片 Android入门教程

Android入门教程

2024-06-17 17:31| 来源: 网络整理| 查看: 265

为了让App界面更美观生动,我们可以放上图片。 显示图片是“刚需”。不论是书籍,报纸,网站,都有显示图片的需求。毕竟“无图无真相”。 在 Android 应用开发中,我们通常使用 ImageView 来显示图片。

ImageView的主要属性ImageView的使用

ImageView经常用来显示图片。例如直接显示drawable里的图片资源。 ImageView显示的是Drawable对象。

src 与 backGround 的区别

在 layout xml 中,我们先来看一下 src 与 backGround 的区别。

backGround 是 View(ImageView是View的子类)的背景,会把图片拉大铺满整个View。src 是 ImageView 的属性,接受要展示的图片资源。

为方便后续表述,先给ImageView指定一个style,统一大小。再设置一个默认背景颜色。

代码语言:txt复制 100dp 80dp #929292 4dp

在 drawable目录中增加一张图片。图片的宽长比和 style 设置的不一样。方便我们查看图片效果。

在示例 xml 中,展示 src 与 backGround 的区别。

代码语言:txt复制

效果:

左边是设置为了background,可以看到图片被拉伸铺满了整个ImageView。 而且图片有一点变形。那是因为图片的宽长比和 ImageView 的宽长比不一致。

右边设置了src,可以看到图片并没有铺满。右边图片的显示方式,就是我们接下来要介绍的 scaleType。

scaleType,图片显示方式

设置了src后,再设置scaleType,能确定图片的显示效果。

代码语言:txt复制

实际上,src除了用drawable里的资源,也可以用mipmap。

代码语言:txt复制

scaleType取值:

fitStartfitCenterfitEndfitXYcentercenterCropcenterInsidematrix

带有“fit”字样的,会显示图片的全部内容。 fitStart,fitCenter,fitEnd 图片会按原比例显示。 图片会往指定的方向靠拢。 fitXY会拉伸图片,铺满整个ImageView。

center,centerCrop,centerInside 都是尽可能显示图片的中间部分。

center 不缩放图片,如果图片比 ImageView 大,则会显示图片中间的部分。centerCrop,尽可能多的显示图片的中间部分。centerInside,把图片放到中间去显示,不会尝试铺满ImageView。

matrix 把图片铺在ImageView左上角,并且不缩放图片。

设置图片透明度,alpha

设置 alpha 值,能改变整个 ImageView 的透明度。

代码语言:txt复制

例子:

ImageView 视频教程参考



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3