顯示圖片的 Content Mode

給自己的小筆記

其實就算不是作業,只要有時間我還是會做這樣的小筆記
方便之後自己回來找資料之外,也可以加深印象,學的東西比較記得起來~

聽過秒忘,只能靠筆記

這次要做的是image view裡面的 content mode小筆記
要在畫面加入圖片可以用的image view裡面有幾種顯示圖片的方是

右邊欄位裡面View裡面有個content mode,這就是今天的主角

我在畫面中間加了一個image view,先隨意拉個範圍,不用管接下來要加的圖片有多大,然後再加個圖片進來

先把範圍拉大一些,方便看之後的變化

加進圖片之後就可以調整content mode決定圖片要怎麼擺放了,以下是整理出來的效果

效果幾乎都放上來啦!這樣才方便比對呀~

scale to fill, aspect fill, aspect fill, redraw這四個效果會強制把圖片拉到符合image view的尺寸,其他的效果則是看到圖片在image view裏面,依照mode決定朝哪邊對齊

圖片要怎麼放就看畫面怎麼設計囉!

--

--