Image組件必須在樣式中聲明圖片的寬和高。如果沒有聲明,則圖片將不會被呈現在界面上。
我們一般將Image定義的寬和高乘以當前運行環境的像素密度稱為Image的實際寬高.
當Image的實際寬、高與圖片的實際寬、高不符時,視圖片樣式定義中resizeMode的取值不同而分為三種情況, 三個取值分別是: contain, cover和stretch.默認值是cover.
1. cover模式只求在顯示比例不失真的情況下填充整個顯示區域。可以對圖片進行放大或者縮小,超出顯示區域的部分不顯示, 也就是說,圖片可能部分會顯示不了。
2. contain模式是要求顯示整張圖片, 可以對它進行等比縮小, 圖片會顯示完整,可能會露出Image控件的底色。 如果圖片寬高都小於控件寬高,則不會對圖片進行放大。
3. stretch模式不考慮保持圖片原來的寬,高比.填充整個Image定義的顯示區域,這種模式顯示的圖片可能會畸形和失真。
4. center模式, 9月11號的0.33版本才支持,contain模式基礎上支持等比放大。