تنزيل LayoutKit - تنزيل رمز المصدر LayoutKit

LayoutKit

شفرة المصدر الأخرى

Nested Layouts

تنزيل

غير محافظ

لم يعد هذا المشروع يستخدم من قبل LinkedIn وهو حاليًا غير محافظ.

LayoutKit هي مكتبة تصميم سريعة عرض لنظام التشغيل iOS و MacOS و TVOS.

تحفيز

أنشأ LinkedIn LayoutKit لأننا وجدنا أن تخطيط السيارات ليس أداءً بما يكفي لتسلسلات العرض المعقدة في طرق العرض القابلة للتمرير. لمزيد من الخلفية ، اقرأ منشور المدونة.

فوائد

يحتوي LayoutKit على العديد من الفوائد على استخدام التصميم التلقائي:

Fast : LayoutKit أسرع من رمز التخطيط اليدوي وأسرع بكثير من التصميم التلقائي.
غير متزامن : يمكن حساب التخطيطات في مؤشر ترابط الخلفية حتى لا يتم مقاطعة تفاعلات المستخدم.
التصريح : يتم إعلان التخطيطات مع هياكل البيانات غير القابلة للتغيير. هذا يجعل رمز التصميم أسهل في تطوير وتوثيق ومراجعة التعليمات البرمجية واختباره وتصحيحه وملف تعريفه وصيانته.
قابلة للتخزين المؤقت : نتائج التخطيط هي هياكل بيانات غير قابلة للتغيير بحيث يمكن حسابها في الخلفية وتوضيحها لزيادة الأداء الذي تم تصوره للمستخدم.

يوفر LayoutKit أيضًا فوائد تجعلها سهلة الاستخدام مثل التصميم التلقائي:

Uikit Friendly : LayoutKit تنتج uiviews ويوفر أيضًا محولًا يجعل من السهل استخدامه مع UitableView و UicollectionView.
التدويل : يقوم LayoutKit بضبط إطارات العرض تلقائيًا للغات من اليمين إلى اليسار.
Swift : يمكن استخدام LayoutKit في التطبيقات والملاعب السريعة.
تم اختباره وإنتاجه جاهزًا : يتم تغطية LayoutKit بواسطة اختبارات الوحدة ويتم استخدامه داخل الإصدارات الحديثة من تطبيقات IOS للبحث عن وظيفة LinkedIn و LinkedIn.
مفتوح المصدر : ليس صندوقًا أسود مثل التصميم التلقائي.
ترخيص 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 ، ولكن قد تجد أوجه تشابه.