Android開發 - 掌握ConstraintLayout（十）按比例設置視圖大小

有時候在佈局界面的時候，UI要求某個View或者某張圖片按比例顯示，以適應不一樣的屏幕分辨率。

一般咱們時經過自定義View或者引入第三方的庫來解決。如今咱們既然已經使用了ConstraintLayout，它自己就支持這樣的按比例設置View大小的功能。

下面咱們來介紹如何使用：

1. 首先咱們在佈局中添加一個View：

此時，沒有添加任何約束，顯示的比例就是原始圖片的比例。

1. 添加水平方向的約束：

添加完水平方向的約束後，注意此時默認的寬高爲wrap_content。

1. 將高度設置爲match_constraint

如上圖：這裏咱們將高度設置爲match_constraint，而後發現下面出現了一個三角，這個就是設置View比例的地方。

1. 設置View比例

下面咱們點擊這個三角形，並設置寬高的比例：

• 1：1

• 1：2

這裏設置的是寬度：高度的比例，咱們查看源碼能夠看到這個屬性：

此時咱們改變View的寬度，就會發現其高度也會保持這個比例而相應地變化了：

總結

本文咱們是以寬度：高度進行View比例的設置，固然咱們也能夠以高度：寬度進行設置，道理都是同樣的。

設置View的比例也是ConstraintLayout相對於傳統的佈局容器一個強大的功能，它使得佈局更加靈活，更加容易得進行屏幕適配。

下一篇：Android開發 - 掌握ConstraintLayout（十一）複雜動畫！如此簡單！，咱們將介紹使用ConstraintLayout建立複雜動畫。

若有更多疑問，請參考個人其它Android相關博客：個人博客地址