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

3-VIV-Android控件之ImageView

作者头像
张风捷特烈
发布2018-09-29 11:17:05
7460
发布2018-09-29 11:17:05
举报
零、前言

[1].ImageView地位:直接继承自View,安卓源码1600+,算是个小类,但图片显示基本上都用它 [2].scaleType有点小烦,不过看图还是挺清晰的 [3].cropToPadding、adjustViewBounds、tint [4].图片设置

源码中ImageView的自定义属性:

代码语言:javascript
复制
 * @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

代码语言:javascript
复制
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

代码语言:javascript
复制
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

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

四、tint覆盖色:最好有透明度的颜色,不然图片就全盖住了

tint.png

代码语言:javascript
复制
android:tint="#22FF4081"

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

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

代码语言:javascript
复制
//通过资源加载
mIv500.setImageResource(R.mipmap.bg4);
//通过Drawable对象加载
mIv500.setImageDrawable(ContextCompat.getDrawable(this, R.mipmap.cup));
//通过Bitmap对象加载
mIv500.setImageBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.bz));
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.09.03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 零、前言
  • 一、剪裁类型:scaleType
  • 二、剪裁:cropToPadding:需要与scrollX或scrollY同用,单独无效
  • 三、adjustViewBounds
  • 四、tint覆盖色:最好有透明度的颜色,不然图片就全盖住了
  • 五、最重要的要数设置图片了
    • 1.xml设置图片
      • 2.代码中设置
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档