文档章节

图片视图(ImageView)——Mars Android开发视频教程之第一季第十一集(重)

周田
 周田
发布于 2015/08/18 16:57
字数 583
阅读 72
收藏 2

##1· 什么是图片视图(ImageView) ImageView就是将图片显示出来的一种容器组件

输入图片说明

##2· ImageView的使用

  • 首先声明出图片视图:

(源文件使用src属性来决定,可来自res、assets,SD卡、网络……)

<ImageView 
	    android:id="@+id/imgView_Cat"
	    android:layout_width="100dp"
	    android:layout_height="100dp"
	    android:src="@drawable/cat"/>
  • 声明成员变量:
private ImageView imgView_Cat;
  • 找出图片视图对象:
imgView_Cat = (ImageView) findViewById(R.id.imgView_Cat);

扩展: 除了布局文件,我们还可以在java代码中设置组件属性:

//        imgView_Cat.setImageResource(R.drawable.cat);

至此,我们就将一个图片显示出来了。 输入图片说明

##3. 图片拉伸类型-ScaleType属性

作用:定义图片拉伸的类型。 使用时机:当图片与图片视图大小不匹配时,决定如何适应。

为了进一步理解该属性,我们进行一些练习:

添加第二个图片视图,源文件使用ic_launcher,同时设置不同的背景颜色,其他属性相同。

有了这样两张大小不同的图片后,我们就可以更深刻的理解各自属性效果。

	<ImageView 
	    android:id="@+id/imgView_Cat"
	    android:layout_width="100dp"
	    android:layout_height="100dp"
	    android:scaleType="fitCenter"
	    android:background="#00ff00"
	    android:src="@drawable/cat"/>
	
	<ImageView 
	    android:id="@+id/imgView_ic"
	    android:layout_width="100dp"
	    android:layout_height="100dp"
	    android:background="#0000ff"
	    android:scaleType="fitCenter"
	    android:src="@drawable/ic_launcher"/>

首先我们将两张图片的拉伸属性都设置为:

android:scaleType="fitCenter"

firCenter同时也是该属性的默认值。 作用:将图片等比例缩小(放大)到View的宽度,并居中显示;

输入图片说明


fitStart:将图片等比例缩小(放大)到View的宽度,在View中靠上显示 输入图片说明


fitEnd:将图片等比例缩小(放大)到View的宽度,在View中靠下显示

输入图片说明


center:若图片大于View,则只截取图片中央,View尺寸大小的部分来显示。 若图片小于视图,则只显示图片,且图片尺寸不变;

输入图片说明


centerInside:图大,将图片等比例缩小到View的大小或小于View大小,并居中显示。 图小,则图不变,居中显示。

输入图片说明


centerCrop 图片缩小或放大到View相等或大于View的尺寸,最后截取View尺寸大小来显示图片:

输入图片说明

除此之外,scaleType还有其他值可以使用,这里就不多做介绍了。

© 著作权归作者所有

周田
粉丝 4
博文 122
码字总数 22818
作品 0
德阳
私信 提问
《老罗Android开发视频教程》老罗来交国庆的答卷了

  之前在博客园、开源中国、安卓巴士发表的《老罗将死,或者Android也将就换代,但是互联网的,共享,互助精神将永存》,计划出300集免费的、高质量的、全面的Android开发视频教程,得到了...

qixinghaitang
2012/10/09
634
2
相对布局(Relativelayout)——Mars Android开发视频之第一季第十三集(重)

1· 相对布局(上) 1.1 什么是相对布局(RelativeLayout) 概念:通过指定当前控件与兄弟控件或父控件之间的相对位置,从而达到控制控件位置的目的。 1.2 为什么要使用相对布局 这样的界面,...

周田
2015/08/20
89
0
《解析 Google Android DSK-智能手机开发范例手册》.(薛显亮).[PDF]&...

图书作者: 薛显亮 图书编号: 9787113143596 图书格式: PDF 出 版 社: 中国铁道出版社 出版年份: 2012 图书页数: 400-500 [内容简介] 《解析google android sdk——智能手机开发范例手册》基于...

ckook
2013/06/12
153
0
【菜鸟入门】——一些Android学习资源和一点个人感受

转自:http://www.cainiaobbs.com/forum.php?mod=viewthread&tid=419&extra=page%3D1 不知不觉学习Android有大半年的时间了,虽然中途用了些时间去学习Java。 总的来说这半年里过得很充实,每...

莫侠
2012/12/03
686
0
Activity生命周期——Mars Android开发视频之第二季第一集(重)

1· Activity的生命周期(一) 1.1 如何定义多个Activity 1 - 新建一个类,继承Activity 2- 重写Activity中的onCreate方法 3- 创建布局文件: 4- 在onCreate方法中调用布局文件 5- 在主配置文...

周田
2015/08/22
94
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
22
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
15
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
25
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部