今天项目中做认证信息显示 的排列,效果图如下,暂时用的默认图标
稍微提下大致要求,证件信息和下面的图片左对齐,而右边图片右面的间距和左边图片的左间距一致,一行两个,如果为奇数,则最后一行只显示一个
本身没什么难度,写几个imageView加textview即可实现,但考虑到封,最后用自定义recyclerView实现,但这个效果就不太好实现,其中很关键的就是图标的问题处理
最后实现方法是一个recyclerview下adapter的item 写两个图文,对源数据进行处理即可。这里记录一下imageview的几个属性,scaleType.
scaleType一共有以下几个
看到以上几个。
以下图右边的为最终标准的centerCrop,左边图用来对比
1、其中默认不写的效果如下
2、center 效果如下
3、centerinside效果如下
4、fitcenter效果如下
5、fitend效果如下
6、fitstart效果如下
7、fitxy效果如下
其中fitstart和fitend是最容易理解的,fitxy某些时候可以,但会拉伸,center和fitcenter会留现金边padding,,centerInside会导致图片只显示中间的扩展,也会留padding,最终选择了最适合的效果centerCrop。
记录一下,方便以后查看,至此结束,谢谢。