ImageView的android:scaleType属性和 src、Background之前的区别

最新推荐文章于 2023-09-18 05:59:59 发布
转载 最新推荐文章于 2023-09-18 05:59:59 发布 · 8.7k 阅读 · 5

本文详细解析了Android中ImageView组件的src与background属性的区别，以及android:scaleType属性的使用方法，帮助开发者更好地掌握图片显示和缩放的技术细节。

ImageView中XML属性src和background的区别：

background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸。src是图片内容，显示在前面的，background是背景，显示在后边，是背景图，当然可以同时使用。


ImageView 的android:scaleType属性，代码中设置是ImageView.setScaleType（ImageView.ScaleType）,用来设置ImageView中图片的缩放方式。这里进行缩放的也是src而不是background.


 
CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示
 
CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)
 
CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
 
FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示
 
FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置
 
FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置
 
FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示
 
MATRIX / matrix 用矩阵来绘制


Android: ImageView的scaleType属性和使用ImageView作为自适应屏幕的背景图片
weixin_44538695的博客
10-27 568
首先先来介绍一些ImageView的scaleType的属性的参数及其意义 CENTER /center 按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示 CENTER_CROP / centerCrop 按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽) CENTER_INSIDE / centerInside 将图片的内...
Android ImageView Src 和Background 区别
09-01
总结来说，Android的ImageView的src和background属性分别服务于不同的目的，理解它们的区别有助于实现更精确的图像展示效果。在实际开发中，应根据需求合理选择使用src或background，并结合`scaleType`属性来优化...
android中imageView属性src，background和scaleType之间的区别
u010944680的专栏
08-14 1000
background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸。src是图片内容，显示在前面的，background是背景，显示在后边，是背景图，当然可以同时使用。   ImageView 的android:scaleType属性，代码中设置是ImageView.setScaleType（ImageView.ScaleType）,用来设置Imag
关于Android中imageView的图片拉伸Scale Type和src的使用
缥缈
05-02 5512
1.src中的资源是引用的drawble中的资源，图片的格式要是.png,可以直接拖拽图片到drawable文件夹下。2.Scale Type的类型有：（1）、fitceter:是把图片放大或缩小到和imageView同样的大小，来居中显示。（fitStart靠上显示，fitEnd靠下显示）（2）、ceter:若图片较大把图片中央部份截取出来，显示在image View；要是图片尺寸小，图片居中显...
ImageView scaleType , src和backgroud的区别
Coding的专栏
06-29 458
ImageView.ScaleType|android:scaleType值的意义： ImageView.ScaleType.CENTER|android:scaleType="center" 按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示 ImageView.ScaleType.CENTER_CROP|android:scaleType="cen
ImageView的src与background及ScaleType
weixin_30894389的博客
05-14 199
1概述 开发中经常使用Imageview的src和background属性，从字面上看src是路径，background是背景。二者都可以显示drawable或者颜色。设置drawable图片资源时，会有所不同。 2android:background属性 若background设置的是图片： 如果宽或高设置为match_parent或者固定值，那么该图片会被拉伸以填满整个Imag...
精选资源
Android中src和background的区别详解
01-06
ImageView中XML属性src和background的区别： background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸。src是图片内容（前景），bg是背景，可以同时使用。 此外：scaleType只对...
<?xml version="1.0" encoding="utf-8"?> <androidx.core.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/e" tools:context=".fragment.UserFragment"> <!-- 修正为正确的Fragment类名 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <!-- 顶部用户信息区域 --> <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_welcome"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical" android:padding="48dp"> <!-- 用户头像（优化尺寸适配） --> <com.google.android.material.imageview.ShapeableImageView android:id="@+id/iv_avatar" android:layout_width="80dp" android:layout_height="80dp" android:padding="2dp" android:src="@drawable/user_icon" android:scaleType="centerCrop" app:shapeAppearanceOverlay="@style/circleImageStyle" app:strokeColor="#FFFFFF" app:strokeWidth="2dp" /> <TextView android:id="@+id/tv_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:text="欢迎您,亲爱的花主" android:textColor="@color/white" android:textSize="18sp" android:textStyle="bold" /> </LinearLayout> </FrameLayout> <!-- 功能列表区域 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="16dp" android:background="@drawable/bg_border" android:orientation="vertical" android:paddingStart="16dp" android:paddingEnd="16dp"> <!-- 我的订单 --> <LinearLayout android:id="@+id/myrecord" android:layout_width="match_parent" android:layout_height="48dp" android:gravity="center_vertical" android:orientation="horizontal" android:clickable="true" android:focusable="true" android:background="?attr/selectableItemBackground"> <!-- 添加点击反馈 --> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:layout_marginEnd="8dp" android:src="@drawable/ic_order" android:scaleType="centerInside" app:tint="@color/text_hint" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="我的订单" android:textColor="@color/text_hint" android:textSize="14sp" android:textStyle="bold" /> <ImageView android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/arrow_right" android:scaleType="centerInside" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/divider" /> <!-- 移除冗余分割线（原代码中有重复分割线） --> <!-- 个人信息 --> <LinearLayout android:id="@+id/ll_info" android:layout_width="match_parent" android:layout_height="48dp" android:gravity="center_vertical" android:orientation="horizontal" android:clickable="true" android:focusable="true" android:background="?attr/selectableItemBackground"> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:layout_marginEnd="8dp" android:src="@drawable/user_icon" android:scaleType="centerInside" app:tint="@color/text_hint" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="个人信息" android:textColor="@color/text_hint" android:textSize="14sp" android:textStyle="bold" /> <ImageView android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/arrow_right" android:scaleType="centerInside" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/divider" /> <!-- 联系客服 --> <LinearLayout android:id="@+id/ll_contact" android:layout_width="match_parent" android:layout_height="48dp" android:gravity="center_vertical" android:orientation="horizontal" android:clickable="true" android:focusable="true" android:background="?attr/selectableItemBackground"> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:layout_marginEnd="8dp" android:src="@drawable/ic_contact" android:scaleType="centerInside" app:tint="@color/text_hint" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="联系客服" android:textColor="@color/text_hint" android:textSize="14sp" android:textStyle="bold" /> <ImageView android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/arrow_right" android:scaleType="centerInside" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/divider" /> <!-- 关于商店 --> <LinearLayout android:id="@+id/ll_about" android:layout_width="match_parent" android:layout_height="48dp" android:gravity="center_vertical" android:orientation="horizontal" android:clickable="true" android:focusable="true" android:background="?attr/selectableItemBackground"> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:layout_marginEnd="8dp" android:src="@drawable/ic_about" android:scaleType="centerInside" app:tint="@color/text_hint" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="关于商店" android:textColor="@color/text_hint" android:textSize="14sp" android:textStyle="bold" /> <ImageView android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/arrow_right" android:scaleType="centerInside" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/divider" /> <!-- 退出登录 --> <LinearLayout android:id="@+id/ll_logout" android:layout_width="match_parent" android:layout_height="48dp" android:gravity="center_vertical" android:orientation="horizontal" android:clickable="true" android:focusable="true" android:background="?attr/selectableItemBackground"> <ImageView android:layout_width="24dp" android:layout_height="24dp" android:layout_marginEnd="8dp" android:src="@drawable/ic_logout" android:scaleType="centerInside" app:tint="@color/text_hint" /> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="退出登录" android:textColor="@color/text_hint" android:textSize="14sp" android:textStyle="bold" /> <ImageView android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/arrow_right" android:scaleType="centerInside" /> </LinearLayout> </LinearLayout> </LinearLayout> </androidx.core.widget.NestedScrollView>这是我fragment_me.xml里的代码，根据你的提示，把它补充完整，我需要完整的代码
最新发布
10-30
<com.google.android.material.imageview.ShapeableImageView android:id="@+id/iv_avatar" android:layout_width="80dp" android:layout_height="80dp" android:padding="2dp" android:src="@drawable/user_...
ImageView 的ScaleType属性使用详解
我早就想，要这样载着你，翻山越岭
07-05 3860
这几天，学习了下Picasso和Glide，其中他设置图片显示样式的方法centerCrop()、fitCenter()、centerInside()、fit()有些疑惑，查看源码实现发现其就是使用的ScaleType的值 Glide.with(mImageView.getContext()) .load(uri) .pl
android imageview android:src,Android ImageView Src 和Background 区别
weixin_31124869的博客
05-28 546
之前使用glide的时候被imageview的图片设置弄混了(很低级的问题，确是经常犯的问题)，所以就去看了一下imageview，补补基础。首先imageview有两个显示图片的属性，分别是src和background。从名字上看可以知道第一个是资源(画)，第二个是背景(画框)。如何设置这两个值呢？//backgroundmimageview.setbackground();mimageview...
android学习笔记之ImageView的scaleType属性
weixin_30539625的博客
01-26 827
我们知道，ImageView有一个属性叫做scaleType，它的取值一共有八种，分别是：matrix，fitXY，fitStart，fitCenter，fitEnd，center，centerCrop，centerInside。那我们下面一起来看看这八种取值分别代表什么意思。我用两张图片来做demo，这两张图片的分辨率一大一小，图片分别叫做big和small。原图如下：big:small:O...
【android】scaleType属性与ImagView中图片的显示的关系
Ailse逆光——向阳的花
02-17 799
      关于android中ImageView的外观，即图片在其内显示出的样子，与布局文件中adjustViewBonds和scaleType 属性的关系。我进行了一些探索。现跟大家共享，欢迎各位指教。分别将adjustViewBonds设为true和false，与各种scaleType搭配，产生了不同效果。（上面的ImagView的adjstViewBonds值为false；下面的Imag...
Android ImageView ScaleType 图解
16ren
08-29 2199
ImageView ScaleTypeImageView的android:scaleType属性，是用来告诉android:src=设置的图片，如何调整去匹配ImgeView。此属性对android:background设置的背景图无效，android:background设置的图片是平铺整个ImageView。效果同android:scaleType="fitXY"有如下选项： Constan
android imageView 安卓图片控件的属性( scaleType缩放类型)
技术应让更广泛的人群流入到实际产品开发中才是正统
09-18 748
imageView通常位于文件目录下，设置图源资源来源可以通过视图xml文件中的src。
android:background 图片被拉伸解决方法
热门推荐
MAIMIHO的博客
07-12 1万+
使用图片给Linerlayout等做背景的时候图片会被不同程度拉伸<LinearLayout android:layout_width="match_parent" android:background="@drawable/bg" android:layout_height="match_parent"/> 我们可以在xml设置android:background属性时，使
【完美解决系列】解决在Android中使用background时导致图片被拉伸的问题
OAOAAce的专栏
01-21 9935
在项目中使用到了修改TextView的background图片，但是发现直接给background设置图标，运行app在手机上此background图片会被拉伸，查了一下google 文档，发现还有另外一种设置background的方法，而且可以解决图片被拉伸的问题。（此方法适用于任何的View使用，很赞！）直接使用以XML Bitmap的形式定义background就可以了。1、创建一个xml文件
Android ImageView属性深度解析：src与background的使用
理解 `ImageView` 的 `src` 和 `background` 属性以及 `ScaleType` 的作用，对于构建美观且功能完备的Android应用至关重要。开发者可以根据需求选择合适的属性和缩放模式，以达到理想的显示效果。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值