本文摘自PHP中文网,作者yulia,侵删。
我们都知道想在页面中添加图片,可以使用src,还可以通过background,那这两者都可以添加图片,它们有什么不同呢?接下来就和大家聊聊src和background的区别,感兴趣的朋友可以看看,欢迎点赞评论。ImageView中XML属性src和background的区别:
background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸。src是图片内容(前景),bg是背景,可以同时使用。
此外:scaleType只对src起作用;bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式,示例代码如下:
1 2 3 4 5 6 |
|
说明:centerInside表示按比例缩放图片,使得图片长?(宽)的小于等于视图的相应维度。
注意:控制的图片为资源而不是背景,即android:src="@drawable/logo",而非android:background="@drawable/logo"。程序中动态加载图片也类似,如:应该imgView.setImageResource(R.drawable.*);而非imgView.setBackgroundResource(R.drawable.*)
附:更详细的scaleType说明:
CENTER /center在视图中心显示图片,并且不缩放图片
CENTER_CROP/ centerCrop 按比例缩放图片,使得图片长?(宽)的大于等于视图的相应维度
CENTER_INSIDE/ centerInside 按比例缩放图片,使得图片长?(宽)的小于等于视图的相应维度
FIT_CENTER/ fitCenter 按比例缩放图片到视图的最小边,居中显示
FIT_END/ fitEnd 按比例缩放图片到视图的最小边,显示在视图的下部分位置
FIT_START/ fitStart 把图片按比例扩大/缩小到视图的最小边,显示在视图的上部分位置
FIT_XY/ fitXY 把图片不按比例缩放到视图的大小显示
MATRIX/ matrix 用矩阵来绘制
以上就是src和background的区别在哪里的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html中图片显示方式-----img与background的区别
html中href与src有什么区别?html中href与src的区别介绍
css中background什么意思?background用法详解
通过示例来了解css background强大的用法(值得收藏)
更多相关阅读请进入《src》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者