LayoutKit

不受歡迎

該項目不再由LinkedIn使用，目前不受歡迎。

Layoutkit是iOS，MacOS和TVOS的快速視圖佈局庫。

動機

LinkedIn創建了Layoutkit，因為我們發現自動佈局的性能不足以使可滾動視圖中的複雜視圖層次結構。有關更多背景，請閱讀博客文章。

好處

Layoutkit在使用自動佈局方面有很多好處：

• 快速：Layoutkit與手動佈局代碼一樣快，並且比自動佈局快得多。
• 異步：可以在背景線程中計算佈局，以免中斷用戶交互。
• 聲明性：佈局用不可變的數據結構聲明。這使佈局代碼更易於開發，文檔，代碼審查，測試，調試，配置文件和維護。
• 可緩存：佈局結果是不可變的數據結構，因此可以在後台進行預先計算並緩存以提高用戶感知的性能。

Layoutkit還提供了使其易於使用的好處，例如自動佈局：

• UIKIT友好：Layoutkit生產Uiviews，還提供了一個適配器，使其易於與UaithitView和UicollectionView一起使用。
• 國際化：Layoutkit自動調整右至左語言的視圖框架。
• Swift ：Layoutkit可以在Swift應用程序和操場上使用。
• 測試和生產準備就緒：Layoutkit被單位測試涵蓋，並在LinkedIn和LinkedIn求職iOS應用程序的最新版本中使用。
• 開源：不是像自動佈局這樣的黑匣子。
• Apache許可證（V2） ：您的律師將對沒有專利惡作劇感到高興。

你好世界

 let image = SizeLayout < UIImageView > ( width : 50 , height : 50 , config : { imageView in
    imageView . image = UIImage ( named : " earth.jpg " )
} )

let label = LabelLayout ( text : " Hello World! " , alignment : . center )

let stack = StackLayout (
    axis : . horizontal ,
    spacing : 4 ,
    sublayouts : [ image , label ] )

let insets = UIEdgeInsets ( top : 4 , left : 4 , bottom : 4 , right : 8 )
let helloWorld = InsetLayout ( insets : insets , sublayout : stack )
helloWorld . arrangement ( ) . makeViews ( in : rootView ) 

限制

我們發現Layoutkit是一個有用的工具，但是您應該意識到它不是什麼。

• Layoutkit不是基於約束的佈局系統。如果您希望在視圖之間表達約束，那麼這些視圖必須是實現代碼來執行該約束的單個佈局的孩子。
• Layoutkit不是Flexbox，但您可能會發現相似之處。

安裝

Layoutkit可以用可可腳類或迦太基安裝。

可可錄

將其添加到您的podspec中：

 pod 'LayoutKit'

然後運行pod install 。

迦太基

將其添加到您的卡特菲爾：

 github "linkedin/LayoutKit"

然後運行carthage update 。

文件

現在，您準備開始構建UI。