ImageView

原创 已于 2026-06-27 22:27:00 修改 · 826 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#Shape #形状 #渐变 #gradient
于 2009-05-13 12:32:00 首次发布

scaleType

scaleType有8种枚举值，按缩放和等比分为三类：

  1. 原尺寸：MATRIX、CENTER
  2. 缩放不等比：FIT_XY
  3. 缩放等比：FIT_START、FIT_CENTER、FIT_END、CENTER_CROP、CENTER_INSIDE

ImageButton

ImageButton派生自ImageView，ImageButton又派生了一个ZoomButton,ZoomButton可以代表"放大"和"缩小"两个按钮。
ZoomButton的行为基本类似于ImageButton,只是Android默认提供了btn_minus,btn_plus两个
Drawable资源,只要为ZoomButton的android:src属性分别指定btn_minus,btn_plus,即可实现"缩
小"和"放大"按钮。
Android还提供了一个ZoomControls组件,该组件相当于于同时组合了"放大"和"缩小"两个按钮,并允许分别为两个按钮绑定不同的事件监听器备。
ImageButton还有一个子类:FloatingActionButton,它代表一个悬浮按钮。

QuickContactBadge关联联系人

QuickContactBadge继承自ImageView,因此它的本质也是图片按钮,也可以通过android:src属性指定它显示的图片。QuickContactBadge额外增加的功能是：该图片可以关联到手机中指定联系人，当用户单击该图片时系统会打开相应联系人的联系方式界面。

tintMode

android:tintMode 是 Android 中用于定义‌着色混合模式‌的属性，通常与 tint 属性配合使用，决定指定颜色如何与原图（Drawable）像素进行混合。其底层对应 Porter-Duff 混合算法。‌‌

核心属性与用法

  • ‌属性名‌：XML 中推荐使用 app:tintMode（兼容旧版），原生为 android:tintMode。
  • ‌作用对象‌：主要作用于 ImageView 的 src、View 的 background/foreground 以及 TextView 的复合 drawable。
  • ‌默认值‌：‌src_in‌（最常用，直接替换原图颜色）。
  • ‌适用版本‌：API 21+ 原生支持；低版本需通过 DrawableCompat.setTintMode() 或 AppCompat 控件实现。‌‌

常见混合模式详解

假设原图为黑色图标，Tint 颜色为红色：

模式值对应代码效果描述适用场景
‌src_in‌PorterDuff.Mode.SRC_IN取原图形状，填充 Tint 颜色，透明区保持透明‌图标变色首选‌，完全覆盖原色
‌src_atop‌PorterDuff.Mode.SRC_ATOP在原图不透明处绘制 Tint，透明处不变保留原图部分细节叠加颜色
‌multiply‌PorterDuff.Mode.MULTIPLY颜色相乘，整体变暗模拟阴影、深色滤镜
‌screen‌PorterDuff.Mode.SCREEN颜色滤色，整体变亮模拟高光、浅色滤镜
‌add‌PorterDuff.Mode.ADD颜色值相加，可能过曝发光效果（API 29+ 更稳定）
‌src_over‌PorterDuff.Mode.SRC_OVERTint 颜色覆盖在原图之上半透明叠加效果

XML 使用示例

xml

<!-- 将图标变为红色，使用默认的 src_in 模式 --> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_icon" app:tint="#FF0000" app:tintMode="src_in" />

代码动态设置

kotlin

// 需先 mutate() 避免影响其他引用同一资源的 View val drawable = ContextCompat.getDrawable(context, R.drawable.ic_icon)?.mutate() DrawableCompat.setTint(drawable!!, Color.RED) DrawableCompat.setTintMode(drawable, PorterDuff.Mode.SRC_IN) imageView.setImageDrawable(drawable)

注意事项

  1. ‌Vector 图标限制‌：Vector XML 文件中‌不能‌直接写 tintMode，必须在引用该 Vector 的控件（如 ImageView）上设置。
  2. ‌Fill Color 冲突‌：若 Vector 内部 fillColor 非纯黑/透明，可能导致着色异常，建议 Vector 资源保持单色（黑/白）。
  3. ‌兼容性‌：在 API < 21 设备上，直接使用 android:tintMode 无效，务必使用 app:tintMode 配合 AppCompatImageView 或代码方式。‌‌
很不错的 s60的主题编辑器
04-12
很不错的 s60的主题编辑器 可以制作自己的主题，想怎么玩 就怎么玩
ImageView详解
浮生若梦-笑叹人生
03-25 8637
ImageView详解前言基本使用方法属性属性详解子类绘制原理关于ImageView可能会遇到的问题 前言 ImageView在官方的介绍上说是显示任意图像，如图标。ImageView类可以从各种来源(如资源或内容提供程序)加载图像，负责从图像中计算其度量，以便可以在任何布局管理器中使用，并提供各种显示选项，如缩放和着色。 基本使用方法 xml xml中声明ImageView控件，然后在acti...
Android ImageView scaleType使用
最新发布
zyy_give的博客
10-12 2106
ImageView scaleType详解
Android—ImageView的使用
一个优秀的废人
10-23 7615
ImageView 　ImageView，图像视图，直接继承自View类，它的主要功能是用于显示图片，实际上它不仅仅可以用来显示图片，任何Drawable对象都可以使用ImageView来显示。ImageView可以适用于任何布局中，并且Android为其提供了缩放和着色的一些操作。　　ImageView的一些常用属性，并且这些属性都有与之对应的getter、setter方法：•android:a
ImageView实现单选效果
把事情做的“恰如其分”
01-25 2764
图片效果如下： 实现功能是，单击其中一个个人或者商家 该imageview背景发生变化，另一个还是默认的背景，他们只能有一个产生背景变化，单击确定按钮把对于图片下方的汉子返回给上一个页面对于的textview中。 具体实现是需要一个setSelected== true 或者 setSelected ==false 来判断 imageview 是否点击可以更改图片背景  代码如下：
ImageView保持前景src和ImageView的高度一致
musk6的博客
02-24 1355
public class RatioImageView extends ImageView { public RatioImageView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onMeasure(int w
android圆形的ImageView
热门推荐
11-02 1万+
参考了网上一些人的代码，自己做了一些修改 package com.example.testsam; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import androi
( ImageView )——ImageView设置填充方式
杜小叶的博客
07-27 1万+
ImageView设置填充方式 设置ImageView填充方式的前提是使用src作为设置图片的来源，否则的话，会导致图片填充方式设置无效的情况。 scaleType=“matrix” 是保持原图大小、从左上角的点开始，以矩阵形式绘图。 scaleType=“fitXY” 是将原图进行横方向（即XY方向）的拉伸后绘制的。 scaleType=“fitStart” 是...
Android_ImageView控件
ColdGlede的博客
04-12 1165
ImageView控件 ImageView，图像视图，直接继承View类，主要功能是用于显示图片 任何Drawable对象都可以使用ImageView来显示 ImageView可以适用于任何布局中，并且Android为其提供了缩放和着色的一些操作 常用属性 maxHeight 设置ImageView的最高高度 maxWidth 设置ImageView的最高宽度 src 设置ImageView所显示的Draw
JavaFX ImageView
weiweiqiao的专栏
08-13 160
【代码】JavaFX ImageView。
ImageView控件的基本用法
tao0126的专栏
04-07 5278
ImageView主要是用来显示图片的控件，可以对图片进行放大、缩小和旋转的功能。 android:scaleType属性指定ImageView控件显示图片的方式， 例如：center表示图像以不缩放的方式显示在ImageView控件的中心，如果设置为fitCenter，表示图像按照比例缩放至合适的位置，并在ImageView控件的中心。
java 生成 imageview,android 动态创建imageView，拖动imageView到任意位置
weixin_33230433的博客
03-20 716
android动态创建imageView，拖动imageView到任意位置(android2.1工程)运行结果如图：这里只实现R.drawable.light对象的拖动，其他对象操作方法一样：.XML文件xmlns:tools="http://schemas.android.com/tools"android:id="@+id/root"android:layout_width="fill_par...
安卓中获取imageview的图,在另一个imageview里显示，还有得到图片
bjwjay的博客
06-21 6612
获取图片的src资源： 在调用getDrawingCache的时候要注意下面2点： 在调用getDrawingCache()方法从ImageView对象获取图像之前，一定要调用setDrawingCacheEnabled(true)方法： imageview.setDrawingCacheEnabled(true); 否则，无法从ImageView对象iv_photo中获取图像； 在调用
ImageView显示网络上的图片
weixin_34296641的博客
08-07 3529
ImageView显示网络上的图片 一、简介 二、方法 1）ImageView显示网络上的图片方法 第一步：从网络上下载图片 byte[] byteArr = downImage();//这个是自己写的函数 将byte数组转换成bitmap Bitmap bitmap1 = BitmapFactory.decodeByteArray(byteArr, 0,byteArr....
imageview设置在最顶层_ImageView 常见知识
weixin_33961553的博客
01-12 2772
作用ImageView，图像视图，直接继承自View类，它的主要功能是用于显示图片，实际上它不仅仅可以用来显示图片，任何Drawable对象都可以使用ImageView来显示。ImageView可以适用于任何布局中，并且Android为其提供了缩放和着色的一些操作src 和 background 属性一言以蔽之src (前景)：setImageDrawable( );background (背景)...
android imageview图片失真,imageView 图片变形失真
weixin_39746794的博客
05-27 1304
在开发当中有时会有这样的需求,将从服务器端下载下来的图片添加到imageView上, 但是下载来的图片尺寸大小不固定,宽高也有可能不成比例, 如果我们直接显示，往往会发现图片被挤压，或者变形失真，如果你为了省事，你可以让你们的UI将图片处理一下，这样是能解决；但是如果这张图片是用户上传的头像， 这就要需要你来处理了。比如这两张图片：纵向图片.jpg横向图片.jpg我们直接添加到imageView上...
Android 中如何动态设定imageview的大小
大伟的专栏
02-26 1万+
Android中很多开发者都遇到过一个问题，那就是想动态设定imageview的大小。笔者也曾经遇到过这个问题，经过查阅资料后发现， ImageView在设置了图片资源后是无法改变其大小的。但是有一种使用场景，当开发者希望从sd卡中动态加载一幅图片并动态显示时， 是可以通过设置imageview的大小来保证图片资源的比例正常。 例如：想横向满屏显示一副图片，那么如何确定图片的高呢？如果设置不
实现圆角imageview
承諾、許卟哋
02-27 2086
效果如图，圆角imageview 只需重新imageview，然后在布局中引入该imageview：           android:id="@+id/iv"           android:layout_width="wrap_content"           android:layout_height="wrap_content"      
android 自定义控件（带有删除按钮的imageview） 怎么在ImageView背景上添加button按钮 动态添加imageview 自带删除图标的imageview list删除某
ZhangJiqun&191cm&85kg
05-19 930
目录 android 自定义控件（带有删除按钮的imageview） 怎么在ImageView背景上添加button按钮 动态添加imageview 自带删除图标的imageview list删除某个元素 List集合常用方法 for循环的三种用法 android 自定义控件（带有删除按钮的imageview） 怎么在ImageView背景上添加button按钮 动态添加imageview 自带删除图标的imageview package com.base.emergency.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值