在做有用戶(hù)上傳圖片操作的APP時(shí)，我們往往會(huì)遇到這樣的問(wèn)題：要上傳的圖片有各種各樣的尺寸捷犹，那么如何在APP中展示這些圖片能使APP看起來(lái)統(tǒng)一協(xié)調(diào)又不使圖片變形呢？
下面我針對(duì)微信朋友圈上傳圖片進(jìn)行研究的過(guò)程和結(jié)論分享冕末。
分別上傳了不同比例的圖片萍歉，寬高比分別時(shí)1:6，1:5档桃，1:4枪孩，1:3.5，1:3，1:2.5蔑舞，1:2拒担，1:1.5，1:1攻询，1.5:1从撼，2:1 ，2.5:1钧栖，3:1低零，3.5:1，4:1拯杠，5:1掏婶，6:1。
通過(guò)找規(guī)律阴挣，測(cè)試的結(jié)果如下：
假設(shè)顯示一排三張圖片的總寬度區(qū)域時(shí)W气堕，圖片之間的間隔時(shí)L;
圖片寬高比X纺腊，圖片1:1時(shí)顯示的尺寸為Y*Y（以微信朋友圈為例畔咧，W=250，L=6揖膜，Y=180）誓沸；*
1、當(dāng)上傳1張圖片時(shí)壹粟，圖片的尺寸如下
當(dāng)X<1/3時(shí)拜隧，圖片尺寸（Y/3）*Y，圖片信息顯示不完整趁仙；
當(dāng)1/3<=X<=1時(shí)洪添，圖片尺寸為（Y/X）*Y,圖片信息顯示完整；
當(dāng)1<=X<=3時(shí)雀费，圖片尺寸為Y*（Y/X）干奢，圖片顯示完整；
當(dāng)3<X時(shí)盏袄，圖片尺寸為W*[(W-2L)/3],圖片顯示不完整忿峻；*
2、當(dāng)上傳2-9張圖片時(shí)辕羽，圖片的尺寸如下
[(W-2L)/3]*[(W-2L)/3]*
注：當(dāng)圖片顯示不完整的情況時(shí)逛尚，按照比例截取圖片中間的部分，四周多余的尺寸不顯示刁愿，嚴(yán)謹(jǐn)圖片變形绰寞。
最后隨意找一個(gè)來(lái)驗(yàn)證一下：
完全符合以上規(guī)律～
