關於Masonry的正確使用

2021-10-18 16:18:37 字數 645 閱讀 8189

make.top.equal(self.mas_top).offset(self.view.frame.size.height/10);

沒入職之前,一直認為masonry約束布局不應該有具體的數值,其實是我的理解出了問題,因為在學校裡,沒有ui,寫的demo的ui是自己摸索,為了適配多種機型,我採用的了等比放大/縮小的方式來寫布局,這寫法是不對,螢幕並不是按比例擴大和縮小的,我們也不能按比例的去規定。

一般呢會給倆套ui,小屏和大屏,這倆套ui中有些東西的大小是定死的,比如 頭像的大小,那我們就可以給它乙個釘死的值。有些雖然大小不定,但也可以通過巧妙的方式去固定。比如label的高度和長度。

大屏上,label高20,長100,字型是20,小屏上label高15,長70,字型是13(舉個例子)。他們都是距左16,距上5(這倆個值一般大小屏是一致的)

在布局的時候我們大可以這樣布局:

make.top.equal(self.mas_top).offset(5);

make.left.equla(self.mas_left).offset(16);

make.size.mas_equal(cgsize(100,20));

大小屏長寬一致,設定左對齊,改變字型大小即可。

或者說你還是想分開寫,可以用三項表示式來寫,而不要用ifelse。

Masonry的簡單使用

首先,在正式使用masonry之前,我們先來看看在xib中我們是如何使用autolayout 從圖中我們可以看出,只要設定相應得侷限,控制好父檢視與子檢視之間的關係就應該很ok的拖出你需要的需求。這裡就不詳細講解具體拖拽的方法.然後,我們按著上圖的屬性來看看如何簡單得使用masonry 這裡是mas...

Masonry的簡單使用

首先,在正式使用masonry之前,我們先來看看在xib中我們是如何使用autolayout 從圖中我們可以看出,只要設定相應得侷限,控制好父檢視與子檢視之間的關係就應該很ok的拖出你需要的需求。這裡就不詳細講解具體拖拽的方法.然後,我們按著上圖的屬性來看看如何簡單得使用masonry 這裡是mas...

Masonry使用小結

推薦使用pod進行管理安裝 開啟終端,pod search masonry 得到當前可用版本 進入工程主目錄,編輯podfile,增加 pod masonry 在終端進入工程主目錄,執行 pod update 含義mas makeconstriaints 新增約束 mas updateconstri...