LayoutKit

維持されていません

このプロジェクトは、LinkedInによって使用されなくなり、現在は維持されていません。

LayoutKitは、iOS、MacOS、およびTVOの高速ビューレイアウトライブラリです。

モチベーション

LinkedInは、スクロール可能なビューで複雑なビュー階層に十分なパフォーマンスがあることがわかったため、LayoutKitを作成しました。その他の背景については、ブログ投稿をお読みください。

利点

layoutkitには、自動レイアウトを使用することよりも多くの利点があります。

• fast ：layoutkitは手動レイアウトコードと同じくらい速く、自動レイアウトよりも大幅に高速です。
• 非同期：レイアウトはバックグラウンドスレッドで計算できるため、ユーザーのインタラクションは中断されません。
• 宣言：レイアウトは、不変のデータ構造で宣言されます。これにより、レイアウトコードが開発、文書化、コードレビュー、テスト、デバッグ、プロファイル、およびメンテナンスが容易になります。
• キャッシュ可能：レイアウト結果は不変のデータ構造であるため、バックグラウンドで事前に計算され、ユーザーの知覚パフォーマンスを向上させるためにキャッシュできます。

LayoutKitは、自動レイアウトと同じくらい使いやすい利点も提供します。

• UIKITフレンドリー：LayOutKitはUIViewsを生成し、UableViewとUICollectionViewで簡単に使用できるアダプターも提供します。
• 国際化：layoutkitは、左から左の言語のビューフレームを自動的に調整します。
• Swift ：LayoutKitは、Swiftアプリケーションや遊び場で使用できます。
• テスト済みと生産準備完了：LayoutKitはユニットテストの対象であり、LinkedInおよび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は、ココアポッドまたはカルタゴでインストールできます。

cocoapods

これをPodSpecに追加します：

 pod 'LayoutKit'

次に、 pod installを実行します。

カルタゴ

これをカートファイルに追加します：

 github "linkedin/LayoutKit"

次に、 carthage updateを実行します。

ドキュメント

これで、UIの構築を開始する準備ができました。