多语言展示
当前在线:888今日阅读:113今日分享:31

IOS和Android的图片按比例缩放完全显示

加载一个网络图片,并希望它根据自身大小与图片控件等宽(等高),高度(宽度)按比例缩放。就是图片要完全显示,并且其中一维与图片控件对齐。一开始想法是要先下载图片,然后获取到图片的高度、宽度,再根据比例计算哪边比较长,然后计算缩放比例,最后根据比例加载到图片控件上。不过还好及时迷途知返,这样的方法又笨又耗时。android和IOS的控件已经提供了显示模式了。IOS和android开发时,图片控件默认的显示方式都是以图片中心点为中心,图片大于控件大小则截取居中部分,如果图片小于控件大小就不剪裁。两者同时提供了显示图片的缩放模式。Android的图片控件ImageView提供了属性scaleType。scaleType属性默认值是android:scaleType='center',要实现上面的效果,只要将android:scaleType='fitCenter'即可。IOS的图片控件UIImageView提供了contentMode这个属性,只需要将起设置为UIViewContentModeScaleAspectFit即可。这样设置就可以达到按比例缩放完全显示图片的效果了!
推荐信息