首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

区别b/w scaleType:centerCrop和scaleType:centerInside

scaleType:centerCrop和scaleType:centerInside是Android中ImageView控件的两种不同的缩放类型。

  1. scaleType:centerCrop(居中裁剪):
    • 概念:centerCrop是一种缩放类型,它会将图像按比例缩放到ImageView的尺寸,并且保持图像的宽高比例不变。如果图像的宽高比例与ImageView的宽高比例不一致,centerCrop会裁剪图像以适应ImageView的尺寸。
    • 优势:centerCrop可以确保图像填充满整个ImageView,并且保持图像的宽高比例不变,适用于需要完全填充ImageView并且不关心图像的完整性的场景。
    • 应用场景:适用于需要将图像完全填充到ImageView中并且不关心图像的完整性的场景,例如头像显示、背景图片等。
    • 推荐的腾讯云相关产品:无
  2. scaleType:centerInside(居中缩放):
    • 概念:centerInside是一种缩放类型,它会将图像按比例缩放到ImageView的尺寸,并且保持图像的宽高比例不变。如果图像的宽高比例与ImageView的宽高比例不一致,centerInside会将图像完整地居中显示在ImageView中,不会进行裁剪。
    • 优势:centerInside可以确保图像完整地显示在ImageView中,并且保持图像的宽高比例不变,适用于需要完整显示图像并且不关心填充整个ImageView的场景。
    • 应用场景:适用于需要完整显示图像并且不关心填充整个ImageView的场景,例如展示图片、图标等。
    • 推荐的腾讯云相关产品:无

总结:

scaleType:centerCrop和scaleType:centerInside是ImageView控件的两种不同的缩放类型。centerCrop会将图像按比例缩放到ImageView的尺寸,并且裁剪图像以适应ImageView的尺寸;centerInside会将图像按比例缩放到ImageView的尺寸,并且完整地居中显示在ImageView中。选择使用哪种缩放类型取决于需求,如果需要完全填充ImageView并且不关心图像的完整性,可以使用centerCrop;如果需要完整显示图像并且不关心填充整个ImageView,可以使用centerInside。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

scaleType详解

上图 其中蘑菇代表你的图片 红色背景代表你的布局 恕我直言 用的最多的还是 fit_xy center_crop ImageView的scaleType的属性有好几种,分别是matrix...(默认)、center、centerCropcenterInside、fitCenter、fitEnd、fitStart、fitXY android:scaleType=”center” 保持原图的大小...android:scaleType=”centerCrop” 以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView...android:scaleType=”centerInside” 以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。...Tip:很多人都觉得fitCentercenterInside没有区别,根据上面的效果图来分析,其实是有区别的。

1.6K20

Android入门教程 | ImageView 图片显示

图片的宽长比 style 设置的不一样。方便我们查看图片效果。 在示例 xml 中,展示 src 与 backGround 的区别。...那是因为图片的宽长比 ImageView 的宽长比不一致。 右边设置了src,可以看到图片并没有铺满。右边图片的显示方式,就是我们接下来要介绍的 scaleType。..." android:src="@mipmap/ic_launcher" /> scaleType取值: fitStart fitCenter fitEnd fitXY center centerCrop...[1240] center,centerCropcenterInside 都是尽可能显示图片的中间部分。 center 不缩放图片,如果图片比 ImageView 大,则会显示图片中间的部分。...centerCrop,尽可能多的显示图片的中间部分。 centerInside,把图片放到中间去显示,不会尝试铺满ImageView。

4.1K20
  • android:scaleType属性

    ImageView.ScaleType.CENTER|android:scaleType="center" 以原图的几何中心点ImagView的几何中心点为基准,按图片的原来size居中显示,不缩放...ImageView.ScaleType.CENTER_CROP|android:scaleType="centerCrop" 以原图的几何中心点ImagView的几何中心点为基准,按比例扩大(图片小于...实际上,使得原图的size大于等于ImageView ImageView.ScaleType.CENTER_INSIDE|android:scaleType="centerInside" 以原图的几何中心点...fit-X类中, fitStart、fitCenterfitEnd之间的都是根据需要使原图改变对ImgView进行适应,不剪裁,按matrix进行绘制,但它们 的区别在于基准不同。...center类 中,center、centerCropcenterInside都是以原图的几何中心点ImagView的几何中心点为基准,且只绘制 ImagView大小的图像,不同的是是否保持原图大小绘图的目标不同

    1.3K90

    安卓 ImageView 的 scaleType 用法实用总结

    安卓 ImageView 的 scaleType 用法实用总结 如果想快速决定用哪个值好,那直接跳到后面的总结吧。 ImageView 共有7种 scaleType。...centerInside 当图片小于控件时,效果与center相同,居中显示;否则,等比缩放到某一边能够填充控件大小,并居中显示。...与fitCenter的区别就是centerInside的图片只会缩小,不会放大。 centerCrop 等比缩放到填充整个控件大小,并居中显示。...与fitCenter的区别centerCrop的图片会填充整个区域,所以可能会被裁剪。 (注意这里图片背景为灰色,图片白色部分不属于ImageView,即ImageView已被图片占满。...//创建一个单位矩阵 matrix.setTranslate(50, 50); //平移xy各50单位 matrix.preRotate(40);

    1.1K30

    Android 中ImageView的ScaleType使用方法

    Android 中ImageView的ScaleType使用方法 ImageView的ScaleType属性,表示的是ImageView中资源图片的填充方式。...scaleType的属性值有好几种,分别是: matrix(默认) center centerCrop centerInside fitCenter fitEnd fitStart fitXY 这里要注意...:matrix表示一种填充方式叫默认填充,如果布局代码中不设置ScaleType属性,ImageView默认是fitCenter!...android:scaleType=”centerCrop” 以填满整个ImageView为目的,将原图的中心对准ImageView的中心,等比例放大原图,直到填满ImageView为止(指的是ImageView...android:scaleType=”centerInside” 以原图完全显示为目的,将图片的内容完整居中显示,通过按比例缩小原图的size宽(高)等于或小于ImageView的宽(高)。

    1.7K31

    3-VIV-Android控件之ImageView

    零、前言 [1].ImageView地位:直接继承自View,安卓源码1600+,算是个小类,但图片显示基本上都用它 [2].scaleType有点小烦,不过看图还是挺清晰的 [3].cropToPadding...ImageView的高度,显示在ImageView的上部分位置 fitXY:不保持原比例,填满ImageView center:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 centerCrop...:(小图会放大形成模糊版的center,大图同center) centerInside:(小图会保持原大小,大图同fitCenter) matrix:不改变原图的大小,从ImageView的左上角开始绘制...,超过ImageView的裁剪 二、剪裁:cropToPadding:需要与scrollX或scrollY同用,单独无效 测试时truefalse没有区别。...都是安卓中图片显示处理的重要类,以后会详细论述。

    76720

    《Monkey Android》第12课ImageView

    maxHeight,设置View的最大高度; 如果想设置图片固定大小,又想保持图片宽高比,需要这样设置: android:adjustViewBounds设置为true; android:maxWidthandroid...:maxHeight要设置; android:layout_widthandroid:layout_height设置为wrap_content。...android:scaleType是设置图片的填充方式,有以下用法: android:scaleType=”center”,按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示...android:scaleType=”centerCrop”,按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) android:scaleType=”centerInside...,居中显示 android:scaleType=”fitEnd”,把图片按比例扩大(缩小)到View的宽度,显示在View的下部分位置 android:scaleType=”fitStart”,把图片按比例扩大

    64720

    Android布局属性详解

    android:layout_alignLeft 本元素的左边缘某元素的的左边缘对齐 android:layout_alignBottom 本元素的下边缘某元素的的下边缘对齐 android...:layout_alignRight 本元素的右边缘某元素的的右边缘对齐 第三类:属性值为具体的像素值,如30dip,40px android:layout_marginBottom 离某元素底边缘的距离...android:scaleType: android:scaleType是控制图片如何resized/moved来匹对ImageView的size。...ImageView.ScaleType / android:scaleType值的意义区别: CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示...CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) CENTER_INSIDE / centerInside 将图片的内容完整居中显示

    93230

    android 相对布局(RelativeLayout)

    android:layout_alignLeft 本元素的左边缘某元素的的左边缘对齐   android:layout_alignBottom 本元素的下边缘某元素的的下边缘对齐   android...:layout_alignRight 本元素的右边缘某元素的的右边缘对齐   第三类:属性值为具体的像素值,如30dip,40px   android:layout_marginBottom 离某元素底边缘的距离...android:scaleType: android:scaleType是控制图片如何resized/moved来匹对ImageView的size。...ImageView.ScaleType / android:scaleType值的意义区别: CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示...CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) CENTER_INSIDE / centerInside 将图片的内容完整居中显示

    96820

    android 显示图片的指定位置图像 ImageView ImageButton

    心历路程 设置scaleType的值来实现 根据查阅资料了解Image相关view的属性值了解到 对于android:scaleType属性,因为关于图像在ImageView中的显示效果,所以有如下属性值可以选择...centerCrop:保持纵横比缩放图片,以使图片能完全覆盖ImageView。 centerInside:保持纵横比缩放图片,以使得ImageView能完全显示该图片。...由于我这里UI提供的图片比较特殊,所以第一张第二张的图片分别可以通过设置 matrixcenter获取到 <ImageButton android:id="@+id/qq_login...background="" android:contentDescription="@string/qq_login_content_description" android:scaleType...="centerCrop" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toStartOf

    2.5K40

    Android控件之ImageView

    零、前言 1.ImageView地位:直接继承自View,安卓源码1600+,算是个小类,但图片显示基本上都用它 2.scaleType有点小烦,不过看图还是挺清晰的 3.cropToPadding...ImageView的高度,显示在ImageView的上部分位置 fitXY:不保持原比例,填满ImageView center:按比例扩大或缩小到ImageView的ImageView的高度,居中显示 centerCrop...:(小图会放大形成模糊版的center,大图同center) centerInside:(小图会保持原大小,大图同fitCenter) matrix:不改变原图的大小,从ImageView的左上角开始绘制...,超过ImageView的裁剪 二、剪裁:cropToPadding:需要与scrollX或scrollY同用,单独无效 测试时truefalse没有区别。...都是安卓中图片显示处理的重要类,以后会详细论述。

    1K00
    领券