ایراد کامپوننتهای بغرنج این میباشد که آن ها معمولا به خیر با تغییرات طراحی اپلیکیشن پباده سازی سازگار نیستند. انعطافپذیر نیستند.
پروفایلی که در تحت علامت داده گردیده دارنده عنصرها مختلفی میباشد. بازنویسی یا این که حذف آن قادر است در یک کامپوننت از پیش درست شده نسبتاً غیرممکن باشد.
در اپلیکیشنای مانند Sketch (یا این که حتی فیگما) ما می توانیم ورژنهای مختلفی از پروفایل تولید کنیم تا همگی تغییرات پباده سازی ما یحتاج را در دست گرفتن نماید.
خوشبختانه، روشی برای تجزیه پباده سازی کامپوننت بغرنج و از پیش درست شده آن در یک کامپوننت توانا، انعطافپذیر، و قابل استعمال دوباره وجود داراست. با ادغام پایین کامپوننتهای گوناگون و به کار گیری از برخی از جادوهای Autolayout جذاب، دو پروفایل پایین با به کارگیری از فقط یک کامپوننت ساخته شدند.
1. آن را از هم تفکیک فرمائید
اولی قسمت ایجاد کرد یک کامپوننت بغرنج تجزیه آن به تحت کامپوننتهای کوچکتر میباشد که هرکدام از آن ها از دستهای از Autolayouts به کار گیری مینمایند.
در کارایی هدر، ما گروهی از المنتها را ساخت و ساز کردهایم که آن را به سمت راست چسبانده ایم، آنگاه یک Autolayout افقی جاری ساختن کردهایم. این بدان معناست که اساسی وجود ندارد از کدام ترکیبی از آیکونها استعمال میکنیم، آنها مدام به طور کامل در حالت قرار میگیرند.
2. تیمهایی را برای در اختیار گرفتن مسافت ساخت و ساز نمائید
از آنجایی که Autolayout از حیث مسافت در بین المنتها پاره ای محصور میباشد، ما گروهی از آبجکتها را میسازیم که مسافت متفاوتی خواهند داشت. در تصویر تحت، ما اسم و شرکت را در یک مجموعه نهادهایم و حتی یک Autolayout جدا به آن دادهایم.
3. آیتمهای بیشتری را نسبت به آنچه نیاز دارید بدهید
تمرینی که ما به خصوص هنگام ایجاد کرد کامپوننتهایی مانند پیمایش جانبی یا این که منوهای کشویی (دراپ دان) دنبال میکنیم، این میباشد که به خودمان آیتمهای بیشتری نسبت به آنچه که می پنداریم نیاز داریم میدهیم.
برای این Skills chips، از هر مورد سه ستون تولید کردهایم. ما هر سطر را به طور Autolayout ساختوساز میکنیم و آنگاه سطرها را در Autolayout خودمان دستهبندی میکنیم. این به ما اذن میدهد تا تگ های رفیعتر یا این که کوتاه خیس را رئیس کنیم و آنهارا به طور متناسب در اختیار بگذاریم.
4. تمامی مورد ها را در کنار هم قرار دهید
اینک که ما همگی کامپوننتهای درست شده را داریم، می توانیم آنانرا در یک "کامپوننت غامض" نو در کنار هم در اختیار بگذاریم. با تشکیل داد یک کادر که اندازه المنت بالایی میباشد (در این باره، هدر ما) آغاز فرمائید و یک Autolayout ست فرمایید. آنگاه مثالای از هر کامپوننت را به باطن کادر بکشید.
بسته به طریق اپلیکیشن ریزی و تشکیل داد کامپوننت ها، میتوانید مسافت میان المنتها را در شکل بایستگی تهیه فرمائید.
بعداز یک سری ایجاد کرد طراحی برنامههای ظریف، می بایست خودتان یک کامپوننت کلیه کاره داشته باشید که استعمال از آن سهل و آسان میباشد.