image 图片组件使用

 

 默认情况下是有默认宽和高的　　宽约300px  高240px

证明

 

 

 

 

可以看出图片变形了，这是由于image属性 mode造成的 。来认识一下mode

mode属性值	说明
scaleToFill	默认值。缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满image元素
aspectFit	缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来，也就是说将图片完整的显示出来
aspectFill	缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来，也就是说，图片只在水平或垂直方向是完整的，另一个方向将会发生截取
widthFit	缩放模式，宽度不变，高度自适应
heightFix	缩放模式，高度不变，宽度自适应