LayoutKit

인재되지 않았습니다

이 프로젝트는 더 이상 LinkedIn에서 사용하지 않으며 현재는 계속 유지되지 않았습니다.

LayoutKit은 iOS, MACOS 및 TVOS 용 빠른보기 레이아웃 라이브러리입니다.

동기 부여

LinkedIn은 LayoutKit을 만들었습니다. 자동 레이아웃이 스크롤 가능한 뷰에서 복잡한 뷰 계층을 위해 충분히 성능이 없음을 발견했기 때문입니다. 더 많은 배경을 보려면 블로그 게시물을 읽으십시오.

이익

LayoutKit은 자동 레이아웃을 사용하는 것보다 많은 이점이 있습니다.

• 빠른 : LayoutKit은 수동 레이아웃 코드만큼 빠르며 자동 레이아웃보다 훨씬 빠릅니다.
• 비동기식 : 레이아웃은 백그라운드 스레드에서 계산할 수 있으므로 사용자 상호 작용이 중단되지 않습니다.
• 선언 : 레이아웃은 불변의 데이터 구조로 선언됩니다. 이로 인해 레이아웃 코드는 개발, 문서화, 코드 검토, 테스트, 디버그, 프로필 및 유지 관리가 쉽습니다.
• 캐시 가능 : 레이아웃 결과는 불변의 데이터 구조이므로 백그라운드에서 사전 계산하고 사용자인지 성능을 향상시키기 위해 캐시 할 수 있습니다.

LayoutKit은 또한 자동 레이아웃만큼 사용하기 쉬운 이점을 제공합니다.

• Uikit Friendly : LayoutKit은 uiviews를 생성하고 uitableview 및 uicollectionview와 함께 쉽게 사용할 수있는 어댑터를 제공합니다.
• 국제화 : LayoutKit은 오른쪽에서 왼쪽 언어의 뷰 프레임을 자동으로 조정합니다.
• SWIFT : LayoutKit은 신속한 응용 프로그램 및 놀이터에 사용할 수 있습니다.
• 테스트 및 생산 준비 : LayoutKit은 단위 테스트로 덮여 있으며 LinkedIn 및 LinkedIn 구직 iOS 앱의 최근 버전에서 사용되고 있습니다.
• 오픈 소스 : 자동 레이아웃과 같은 블랙 박스가 아닙니다.
• Apache License (v2) : 변호사는 특허 shenanigans가 없다는 것을 기쁘게 생각합니다.

안녕하세요 세계

 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 실행하십시오.

카르타고

이것을 Cartfile에 추가하십시오.

 github "linkedin/LayoutKit"

그런 다음 carthage update 실행하십시오.

선적 서류 비치

이제 UI 구축을 시작할 준비가되었습니다.