溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

掌握ConstraintLayout(十)按比例設置視圖大小

發布時間:2020-07-29 13:14:12 來源:網絡 閱讀:4982 作者:羅伊德666 欄目:移動開發

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

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

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

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

掌握ConstraintLayout(十)按比例設置視圖大小

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

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

掌握ConstraintLayout(十)按比例設置視圖大小

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

  1. 將高度設置為match_constraint

掌握ConstraintLayout(十)按比例設置視圖大小

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

  1. 設置View比例

下面我們點擊這個三角形,并設置寬高的比例:

  • 1:1
    掌握ConstraintLayout(十)按比例設置視圖大小

  • 1:2
    掌握ConstraintLayout(十)按比例設置視圖大小

這里設置的是寬度:高度的比例,我們查看源碼可以看到這個屬性:
掌握ConstraintLayout(十)按比例設置視圖大小

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

掌握ConstraintLayout(十)按比例設置視圖大小

總結

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

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

下一篇:Android開發 - 掌握ConstraintLayout(十一)復雜動畫!如此簡單!,我們將介紹使用ConstraintLayout創建復雜動畫。

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女