1. 程式人生 > >掌握ConstraintLayout(十)按比例設定檢視大小

掌握ConstraintLayout(十)按比例設定檢視大小

有時候在佈局介面的時候,UI要求某個View或者某張圖片按比例顯示,以適應不同的螢幕解析度。

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

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

  1. 首先我們在佈局中新增一個View:

-w532

此時,沒有新增任何約束,顯示的比例就是原始圖片的比例。

  1. 新增水平方向的約束:

-w868

新增完水平方向的約束後,注意此時預設的寬高為wrap_content。

  1. 將高度設定為match_constraint

-w874

如上圖:這裡我們將高度設定為match_constraint,然後發現下面出現了一個三角,這個就是設定View比例的地方。

  1. 設定View比例

下面我們點選這個三角形,並設定寬高的比例:

  • 1:1
    -w855

  • 1:2
    -w871

這裡設定的是寬度:高度的比例,我們檢視原始碼可以看到這個屬性:
-w360

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

-w868

總結

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

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

下一篇:Android開發 - 掌握ConstraintLayout(十一)複雜動畫!如此簡單!

,我們將介紹使用ConstraintLayout建立複雜動畫。

如有更多疑問,請參考我的其它Android相關部落格:我的部落格地址