ImageView.ScaleType设置，适配列表item

最新推荐文章于 2021-05-25 14:40:00 发布
最新推荐文章于 2021-05-25 14:40:00 发布
阅读量369 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android开发的那些事 文章标签： ImageView Android  ScaleType
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33721320/article/details/86529094
本文详细介绍了ImageView的ScaleType属性如何决定图片在View上的显示方式，包括缩放比例和填充模式。探讨了不同属性如center和fitXY的应用场景，为开发者提供实用指导。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是充满，等等。导致参差不齐，效果很差。

设置的方式包括：

在整个item中的ImageView设置属性scaleType，找到适合自己项目的属性。

1. 在layout xml中定义android:scaleType="center"

2. 或在代码中调用 mImageView.setScaleType(ImageView.ScaleType.CENTER);

 

接下来，具体看自己项目中适合用哪个属性，慢慢试。个人感觉fitXY  以及 center 相对常用。

 

书到用时方恨少，纸上得来终觉浅。共勉。

希望可以帮助到你。如有更好的方法，留言评论交流，一定第一时间回复。

 

ImageView scaleType属性
hcgeng的专栏
08-15 1328
(1)当图片大于ImageView的宽高：以图片的中心点和ImageView的中心点为基准，按比例缩小图片，直到图片的宽高有一边等于ImageView的宽高，则对于另一边，图片的长度大于或等于ImageView的长 度，最后用ImageView的大小居中截取该图片。(2)当图片小于ImageView的宽高：以图片的中心店和ImageView的中心点为基准，按比例扩大图片，直到图片的宽高大于或等于ImageView的宽高，并按ImageView的大小居中截取该图片。小图放大两边都大等于IV，大的一边裁切掉)
ImageView的scaleType属性解析
无名的博客
08-18 1182
ImageView的scaleType的属性分别是matrix（默认）、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY android:scaleType="center" 保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理。 android:sc
ImageView的scaleType的属性理解
热门推荐
宇宝守护神(rainyang)的博客
08-04 13万+
ImageView的scaleType的属性值有MATRIX,FIT_XY,FIT_START,FIT_END,FIT_CENTER,CENTER,CENTER_CROP,CENTER_INSIDE.1.android:scaleType=“center” 保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size时，多出来的部分被截掉。 2.android
ImageView的scaleType详解
潘永强_PandaPan的博客
09-07 1322
ImageView的ScaleType详 1. 网上的误解 不得不说很失望，到网上搜索了几篇帖子，然后看到的都是相互复制粘贴，就算不是粘贴的，有几篇还是只是拿着自己的几个简单例子，然后做测试，这种以一种现象结合自己的猜测便得出结论，其实只是想由不完全归纳得出完全归纳的结果，然而很令人失望，原因是： 数据取样过于片面，只是单纯的测试了一种情况，导致大家对这些帖子相当失望。 2. scaleTy
ImageView的scaleType
火星男孩的分享空间
07-24 798
ImageView的scaleType的属性有好几种，分别是matrix（默认）：不改变原图的大小，从ImageView的左上角开始绘制原图，原图超过ImageView的部分作裁剪处理。center：保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理。centerCrop：以填满整个ImageView为目的，等比缩放，居中，超出裁剪，不
我的container是子视图 package com.example.a320; import android.net.Uri; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.SearchView; import android.widget.TextView; import android.widget.Toast; import androidx.activity.EdgeToEdge; import androidx.appcompat.app.AppCompatActivity; import androidx.core.graphics.Insets; import androidx.core.view.ViewCompat; import androidx.core.view.WindowInsetsCompat; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); EdgeToEdge.enable(this); setContentView(R.layout.activity_main); ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> { Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars()); v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom); return insets; }); LinearLayout container = findViewById(R.id.container); String[] texts = {"外卖","超市便利","酒店民俗","休闲玩乐","看病买药","团购","美食","跑腿","拼好饭","电影演出","美团优选","骑车","特价团","免费水果","男士理发"}; // 假设你有 5 张图片的 Uri，这里简单模拟 Uri[] imageUris = new Uri[15]; for (int i = 0; i < 15; i++) { // 这里只是示例，实际需要替换为真实的图片 Uri imageUris[i] = Uri.parse("android.resource://" + getPackageName() + "/mipmap/t" + (i + 1)); } LinearLayout currentRow = null; for (int i = 0; i < 15; i++) { if (i % 5 == 0) { // 每 5 个元素创建一个新的水平 LinearLayout 作为行容器 currentRow = new LinearLayout(this); currentRow.setOrientation(LinearLayout.HORIZONTAL); LinearLayout.LayoutParams rowParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT ); rowParams.bottomMargin = 16; // 设置行与行之间的间距 container.addView(currentRow, rowParams); } // 创建一个垂直的 LinearLayout 用于包含图片和文字 LinearLayout itemLayout = new LinearLayout(this); itemLayout.setOrientation(LinearLayout.VERTICAL); // 创建 ImageView 并设置图片 ImageView imageView = new ImageView(this); imageView.setImageURI(imageUris[i]); LinearLayout.LayoutParams imageParams = new LinearLayout.LayoutParams( 200, // 图片宽度 170 // 图片高度 ); imageView.setLayoutParams(imageParams); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); itemLayout.addView(imageView); // 创建 TextView 并设置文字 TextView textView = new TextView(this); textView.setText(texts[i]); LinearLayout.LayoutParams textParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT ); textParams.gravity = android.view.Gravity.CENTER_HORIZONTAL; textParams.topMargin = 8; // 设置文字与图片的间距 textView.setLayoutParams(textParams); itemLayout.addView(textView); // 将组合视图添加到当前行 LinearLayout.LayoutParams itemParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT ); itemParams.rightMargin = 66; // 设置元素之间的间距 currentRow.addView(itemLayout, itemParams); } } }
最新发布
03-24
注意到他们在设置ImageView的宽高时使用了固定像素值200和170，这可能在不同的设备上显示不一致，建议使用dp单位。另外，imageUris的生成可能有问题，因为模拟的Uri是否正确？比如资源名称是否匹配，是否有对应的...
解决Android当中GridView的Item子控件中有ImageView图片大小不一致问题，动态设置ImageView控件大小
Chark_Leo的专栏
06-20 2万+
大体思想是根据屏幕大小动态定义
android设置控件宽度自适应,自定义ImageView 宽度自适应屏幕，高度等比缩放
weixin_34803929的博客
05-25 2534
实现方法很简单，根据图片文件的宽度与ImageView的宽度比例关系算出ImageView的高度。package com.etongwl.commonlibs.view;import android.annotation.SuppressLint;import android.content.Context;import android.graphics.Bitmap;import android...
Android Studio开发学习（五）——ImageView、ListView、GridView、ScrollView、HorizontalScrollView
qq_41890177的博客
04-04 1302
一、前提 二、目标 ImageView 三、内容 1、常用属性 2、加载网络图片
Android多分辨率适配框架（3）— 使用指南
谷哥的小弟
11-05 1万+
在上一篇文章中，我们分析了Android多分辨率适配框架的原理和代码实现。 在此，结合实例展示该框架的使用。 在展示的过程中，为了对照适配的效果，准备两部测试手机： 华为P7，分辨率为1920*1080，dpi为480 HTC T392，分辨率为800*480，dpi为240 嗯哼，开始吧。
可以自定义圆角的ImageView ..允许设置scaletype
07-18
原文链接http://blog.csdn.net/vv_bug/article/details/52779425 这个主要是链接介绍的下载的源码。
安卓android:scaleType属性
weixin_30507481的博客
11-27 208
ImageView.ScaleType.CENTER|android:scaleType="center" 以原图的几何中心点和ImagView的几何中心点为基准,按图片的原来size居中显示，不缩放，当图片长/宽超过View的长/宽，则截取图片的居中部分显示ImageView的size.当图片小于View 的长宽时，只显示图片的size,不剪裁。 ImageView.ScaleType....
ImageView之scaleType属性
雨水的尾巴
09-05 2303
理论scaleType的类型：matrix、center、centerCrop、centerInside、fitCenter（默认）、fitEnd、fitStart、fitXYcenter：保持原图大小，将图片中心和ImageView的中心对齐。当原图大于ImageView的范围时裁剪。centerCrop：以填满整个ImageView为目的，将图片中心和ImageView的中心对齐，缩放原图，直到
Android--ImageView的scaleType属性
Sim的博客
01-12 466
ScaleType.FIT_CENTER 默认 默认模式。在该模式下，图片会被等比缩放到能够填充控件大小，并居中展示 ScaleType.FIT_START 图片等比缩放到控件大小，并放置在控件的上边或左边展示 ScaleType.FIT_END 图片等比缩放到控件大小，并放置在控件的下边或右边展示 ScaleType.FIT_XY 图片缩放到控件大小，完全填充控件大小展示 ScaleType.CENTER 不使用缩放，ImageView会展示图片的中心部分 ScaleType.CENTER
ImageView的ScaleType
延成的博客
06-04 361
版权声明：本文为延成原创文章，转载请标明出处 1.matrix 从ImageView左上角开始直接显示，显示不全时，裁剪。 2.fitXY ImageView大小固定，图片适配ImageView，图片占满视图，当ImageView和图片宽高比不同时，导致图片拉伸。 3.fitStart、fitCenter、fitEnd ImageView大小固定，图片适配ImageView，图片按照ImageView大小缩放或扩大，直到宽高一方或全和ImageView宽高相等，图片完全在ImageView内部.
ImageView ScaleType
dxm809的博客
05-04 266
<?xml version="1.0" encoding="utf-8"?> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" xmlns:android="http:/...
imageview的scaleType详解（附图）
musk6的博客
01-11 808
mageView的scaleType的属性有好几种，分别是matrix（默认）、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY   android:scaleType="center" 保持原图的大小，显示在ImageView的中心。当原图的size大于ImageView的size，超过部分裁剪处理。   a
ImageView 的scaleType属性。
程序猿
09-09 3414
ImageView可以设置src和background属性，只有设置了“前景图”src,设置的scalType属性才会生效。 imageView的scaleType可以取到8个数值： CENTER /center 按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示 CENTER_CROP / centerCrop 按比例扩大图片的size居中显
ScaleType属性
bobo的博客
06-20 6902
FIT_CENTER 把原图按照比例放大缩小到ImageView的高度，显示在ImageView的center（中部/居中显示）。 1   2   CENTER_CROP 会拉伸图片以原图填满ImageView为目的，如果原图size大于ImageView的size，则与center_inside一样，按比例缩小，居中显示在ImageView上。如果原图size小于ImageView...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值