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

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

通常我們時通過自定義View或者引入第三方的庫來解決。現在我們既然已經使用了ConstraintLayout，它本身就支持這樣的按比例設置View大小的功能。

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

1. 首先我們在布局中添加一個View：

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

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

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

3. 將高度設置為match_constraint

如上圖：這里我們將高度設置為match_constraint，然后發現下面出現了一個三角，這個就是設置View比例的地方。

4. 設置View比例

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

• 1：1
  

• 1：2
  

這里設置的是寬度：高度的比例，我們查看源碼可以看到這個屬性：

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

總結

本文我們是以寬度：高度進行View比例的設置，當然我們也可以以高度：寬度進行設置，道理都是一樣的。

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

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

如有更多疑問，請參考我的其它Android相關博客：我的博客地址