今天项目中做认证信息显示 的排列,效果图如下,暂时用的默认图标

 

亲自实践,imageView的scaleType几个属性研究

稍微提下大致要求,证件信息和下面的图片左对齐,而右边图片右面的间距和左边图片的左间距一致,一行两个,如果为奇数,则最后一行只显示一个

本身没什么难度,写几个imageView加textview即可实现,但考虑到封,最后用自定义recyclerView实现,但这个效果就不太好实现,其中很关键的就是图标的问题处理

最后实现方法是一个recyclerview下adapter的item 写两个图文,对源数据进行处理即可。这里记录一下imageview的几个属性,scaleType.

 

scaleType一共有以下几个

亲自实践,imageView的scaleType几个属性研究

看到以上几个。

以下图右边的为最终标准的centerCrop,左边图用来对比

 

1、其中默认不写的效果如下

亲自实践,imageView的scaleType几个属性研究

2、center 效果如下

亲自实践,imageView的scaleType几个属性研究

3、centerinside效果如下

亲自实践,imageView的scaleType几个属性研究

4、fitcenter效果如下 

亲自实践,imageView的scaleType几个属性研究

5、fitend效果如下

亲自实践,imageView的scaleType几个属性研究

6、fitstart效果如下

亲自实践,imageView的scaleType几个属性研究

7、fitxy效果如下

亲自实践,imageView的scaleType几个属性研究

 

其中fitstart和fitend是最容易理解的,fitxy某些时候可以,但会拉伸,center和fitcenter会留现金边padding,,centerInside会导致图片只显示中间的扩展,也会留padding,最终选择了最适合的效果centerCrop。

记录一下,方便以后查看,至此结束,谢谢。

相关文章:

  • 2021-08-14
  • 2021-12-17
  • 2021-07-20
  • 2021-09-03
  • 2021-10-14
  • 2021-06-03
  • 2021-07-22
  • 2022-12-23
猜你喜欢
  • 2021-04-26
  • 2021-10-31
  • 2021-09-02
  • 2021-12-21
  • 2022-01-06
  • 2021-06-14
相关资源
相似解决方案