掌握ConstraintLayout（十）按比例設定檢視大小
阿新 • • 發佈：2018-12-04
有時候在佈局介面的時候，UI要求某個View或者某張圖片按比例顯示，以適應不同的螢幕解析度。
通常我們時通過自定義View或者引入第三方的庫來解決。現在我們既然已經使用了ConstraintLayout，它本身就支援這樣的按比例設定View大小的功能。
下面我們來介紹如何使用：
- 首先我們在佈局中新增一個View：
此時，沒有新增任何約束，顯示的比例就是原始圖片的比例。
- 新增水平方向的約束：
新增完水平方向的約束後，注意此時預設的寬高為wrap_content。
- 將高度設定為match_constraint
如上圖：這裡我們將高度設定為match_constraint，然後發現下面出現了一個三角，這個就是設定View比例的地方。
- 設定View比例
下面我們點選這個三角形，並設定寬高的比例：
-
1：1
- 1：2
這裡設定的是寬度：高度的比例，我們檢視原始碼可以看到這個屬性：
此時我們改變View的寬度，就會發現其高度也會保持這個比例而相應地變化了：
總結
本文我們是以寬度：高度進行View比例的設定，當然我們也可以以高度：寬度進行設定，道理都是一樣的。
設定View的比例也是ConstraintLayout相對於傳統的佈局容器一個強大的功能，它使得佈局更加靈活，更加容易得進行螢幕適配。
下一篇：Android開發 - 掌握ConstraintLayout（十一）複雜動畫！如此簡單！
如有更多疑問，請參考我的其它Android相關部落格：我的部落格地址