前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android控件之ImageView

Android控件之ImageView

原创
作者头像
张风捷特烈
修改2018-09-04 14:46:41
1K0
修改2018-09-04 14:46:41
举报
文章被收录于专栏:Android知识点总结
零、前言

1.ImageView地位:直接继承自View,安卓源码1600+,算是个小类,但图片显示基本上都用它

2.scaleType有点小烦,不过看图还是挺清晰的

3.cropToPadding、adjustViewBounds、tint

4.图片设置

源码中ImageView的自定义属性:

代码语言:txt
复制
 * @attr ref android.R.styleable#ImageView_adjustViewBounds
 * @attr ref android.R.styleable#ImageView_src
 * @attr ref android.R.styleable#ImageView_maxWidth
 * @attr ref android.R.styleable#ImageView_maxHeight
 * @attr ref android.R.styleable#ImageView_tint
 * @attr ref android.R.styleable#ImageView_scaleType
 * @attr ref android.R.styleable#ImageView_cropToPadding #是否截取指定区域用空白代替,需要与scrollY一起使用
一、剪裁类型:scaleType

一图抵千言:左边大图,右边小图

默认:fitCenter

在xml里matrix表现良好(如图开始),但用代码控制有些奇怪

ImageView裁剪类型.gif
ImageView裁剪类型.gif
代码语言:txt
复制
fitCenter:按比例扩大或缩小到ImageView的ImageView的高度,居中显示
fitEnd:按比例扩大(缩小)到ImageView的高度,显示在ImageView的下部分位置
fitStart:按比例扩大(缩小)到ImageView的高度,显示在ImageView的上部分位置
fitXY:不保持原比例,填满ImageView
center:按比例扩大或缩小到ImageView的ImageView的高度,居中显示
centerCrop:(小图会放大形成模糊版的center,大图同center)
centerInside:(小图会保持原大小,大图同fitCenter)
matrix:不改变原图的大小,从ImageView的左上角开始绘制,超过ImageView的裁剪
二、剪裁:cropToPadding:需要与scrollX或scrollY同用,单独无效

测试时true和false没有区别。

效果上来看,图片位置偏移了

cropToPadding.gif
cropToPadding.gif
代码语言:txt
复制
android:cropToPadding="true"
android:scrollY="@dimen/sp_30"
android:scrollX="@dimen/sp_16"

三、adjustViewBounds

前提:1.保证layout_width、layout_height为wrap_content

2.设置了maxHeight、maxWidth

adjustViewBounds.png
adjustViewBounds.png
代码语言:txt
复制
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxHeight="50dp"
android:maxWidth="50dp"
android:adjustViewBounds="true"

四、tint覆盖色:最好有透明度的颜色,不然图片就全盖住了
tint.png
tint.png
代码语言:txt
复制
android:tint="#22FF4081"

五、最重要的要数设置图片了
1.xml设置图片
代码语言:txt
复制
android:src="@mipmap/iv_50x40"
2.代码中设置

Drawable和Bitmap都是安卓中图片显示和处理的重要类,以后会详细论述。

代码语言:txt
复制
//通过资源加载
mIv500.setImageResource(R.mipmap.bg4);
//通过Drawable对象加载
mIv500.setImageDrawable(ContextCompat.getDrawable(this, R.mipmap.cup));
//通过Bitmap对象加载
mIv500.setImageBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.bz));

后记、
1.声明:

1本文由张风捷特烈原创,转载请注明

2欢迎广大编程爱好者共同交流

3个人能力有限,如有不正之处欢迎大家批评指证,必定虚心改正

4你的喜欢与支持将是我最大的动力

2.连接传送门:

更多安卓技术欢迎访问:安卓技术栈

我的github地址:欢迎star

简书首发,腾讯云+社区同步更新

张风捷特烈个人网站,编程笔记请访问:http://www.toly1994.com

3.联系我

QQ:1981462002

邮箱:1981462002@qq.com

微信:zdl1994328

4.欢迎关注我的微信公众号,最新精彩文章,及时送达:
公众号.jpg
公众号.jpg

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 零、前言
  • 一、剪裁类型:scaleType
  • 二、剪裁:cropToPadding:需要与scrollX或scrollY同用,单独无效
  • 三、adjustViewBounds
  • 四、tint覆盖色:最好有透明度的颜色,不然图片就全盖住了
  • 五、最重要的要数设置图片了
    • 1.xml设置图片
      • 2.代码中设置
      • 后记、
        • 1.声明:
          • 2.连接传送门:
            • 3.联系我
              • 4.欢迎关注我的微信公众号,最新精彩文章,及时送达:
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档