رنگ ها، گرادیان ها، الگوها

amCharts 4 کل زرادخانه ابزار را به شما کمک می کند تا با تمام جنبه های رنگ آمیزی اشیا مانند مجموعه رنگ ها، گرادیان ها، اصلاح کننده ها، کنتراست و غیره مقابله کنید. این مقاله همه آنها را توضیح خواهد داد.

تنظیم رنگ ها

ایجاد شی رنگی

هنگام ایجاد نمودارها، قطعاً در برخی موارد باید رنگ چیزی را مشخص کنید.

اغلب این یک رنگ از پر کردن برخی از شکل ها (که با ویژگی fill نشان داده می شود) یا طرح کلی (سکته مغزی) است.

یک رنگ در amCharts 4 با یک شی از نوع Color نشان داده می شود.

در حالی که می توانید اشیاء رنگی را با استفاده از نماد جدید نمونه برداری کنید، استفاده از تابع کاربردی داخلی بسیار سریع تر است: am4core. color(color).

هر چیزی که به سمت آن پرتاب کنید، سعی می کند آن را به یک شی Color مناسب تبدیل کند. انواع زیر پذیرفته شده است:

بیایید یک مستطیل ساده ایجاد کنیم، و آن را سبز، با یک طرح قرمز پر کنیم:

نکته در پیکربندی مبتنی بر JSON، می توانید تابع color() را نادیده بگیرید و فقط از یک نمایش رشته استفاده کنید.

بیایید ببینیم این چگونه به نظر می رسد:

دستکاری رنگ

علاوه بر نمایش رنگ ثابت، شیء رنگی همچنین می تواند رنگ های مکمل مشتق ایجاد کند.

برای مثال، می توانیم با فراخوانی متد ligthen() یک نسخه روشن شده از رنگ تولید کنیم.

روش های زیر در دسترس هستند:

توجه: تفاوت بین "روشنایی" و "سبکی" ظریف است. از هر کدام که بهترین نتیجه را برای شما دارد استفاده کنید.

بیایید آن را در مثال قبلی خود امتحان کنیم:

ما از "قرمز" هم برای پر کردن و هم برای استروک استفاده می کنیم، به جز اینکه پر تا 50 درصد روشن می شود و طرح کلی 50 درصد تیره می شود:

گرفتن رنگ متضاد

گاهی اوقات شما نیاز دارید که عناصر را روی یکدیگر قرار دهید. برای مثال برچسب روی یک دکمه.

در چنین مواردی باید مطمئن شوید که آنها از رنگ های متضاد استفاده می کنند. شما می توانید رنگ ها را برای خود انتخاب کنید یا از ویژگی جایگزین Color object یکی را دریافت کنید.

این یک شی Color جدید را برمی گرداند که کنتراست آن تضمین شده است و روی رنگ اصلی قابل مشاهده است.

توجه موارد فوق با تنظیمات مبتنی بر JSON به خوبی کار نمی کند.

همانطور که می بینید، ما پر کردن اولین برچسب را روی رنگ جایگزین مستطیل اول تنظیم می کنیم. به طور مشابه، ما برای دومین دوتایی برچسب مستطیلی انجام می دهیم.

از آنجایی که مستطیل اول با رنگ روشن پر شده است، رنگ سیاه را به عنوان رنگ متضاد برای برچسب انتخاب می کند. مورد دوم کاملاً تیره است، به این معنی که برچسب سفید روی آن بهتر است:

رنگ ها و متن

هنگام تنظیم رنگ ها به متن، غریزه طبیعی ممکن است استفاده از روش ضربه ای را پیشنهاد کند. این در واقع رنگ طرح کلی متن را تعیین می کند. برای تنظیم رنگ متن، از fill استفاده کنید.

مجموعه های رنگی

ست رنگ چیست؟

هنگام ایجاد نمودار، در بیشتر مواقع، استفاده از چند رنگ کافی نخواهد بود. اینجاست که مجموعه رنگ ها وارد می شوند.

مجموعه رنگی یک شی از نوع ColorSet است که عملکرد زیر را انجام می دهد:

• هر زمان که از شما خواسته شود رنگ جدیدی ارائه می دهد.
• رنگ های جدید را بر اساس قوانین تعیین شده تولید می کند.

نمودارها همیشه از مجموعه های رنگی استفاده می کنند. به عنوان مثال، نمودار دایره ای یک مجموعه رنگ ایجاد می کند، سپس هر بار که نیاز به تنظیم یک رنگ روی یک برش جدید دارد، از آن یک رنگ جدید می خواهد.

به طور مشابه، نمودار XY از یک مجموعه رنگ برای اعمال یک رنگ جدید برای هر یک از سری های خود استفاده می کند.

با استفاده از مجموعه رنگ

برای استفاده از یک مجموعه رنگ، آن را از کلاس ColorSet نمونه سازی کنید، سپس به متدها و ویژگی های آن دسترسی پیدا کنید.

واضح ترین آن next() است. هر بار که آن را صدا می زنید، رنگ جدیدی را که نسبت به این مجموعه است، برمی گرداند.

بیایید کد خود را برای ایجاد یک دسته مربع تغییر دهیم، با استفاده از یک مجموعه رنگ و متد next() آن برای اختصاص رنگ های مختلف:

اگر بخواهید مجموعه رنگ را "ریستارت" کنید، می توانید متد reset() آن را فراخوانی کنید.

اطلاعات بیشتر برای اینکه این مقاله بیش از حد شلوغ نشود، در اینجا به سایر ویژگی های مجموعه رنگ ها اشاره نمی کنیم. مطمئن شوید که مرجع کلاس ColorSet (نام پیوند شده) را برای سایر ویژگی ها بررسی کنید.

ارتباط با مضامین

مجموعه های رنگی معمولاً با یک لیست از پیش تنظیم شده از رنگ ها همراه هستند. اگر می خواهید به آن لیست دسترسی داشته باشید، می توانید آن را از ویژگی set's list دریافت کنید.

استفاده از تم ها بر این لیست پیش فرض رنگ ها تأثیر می گذارد.

اینگونه است که مورد آزمایشی ما با موضوعات مختلف به نظر می رسد:

اطلاعات بیشتر برای اطلاعات بیشتر در مورد استفاده از تم ها در amCharts 4، مقاله "موضوعات" ما را بررسی کنید.

تنظیم دستی مجموعه رنگ

اگر نمی توانید یک تم آماده و متناسب با نیاز خود پیدا کنید و ایجاد تم خود یک گزینه نیست، می توانید لیستی از رنگ ها را مشخص کنید که مستقیماً برای نمودار خود استفاده شوند.

بسته به نوع نمودار، لیست های رنگی مختلفی استفاده می شود.

نمودار XY و نمودارهای مشتق

در این نمودارها ، هر سری رنگ جدیدی را از رنگهای اصلی نمودار دریافت می کند که از طریق ویژگی رنگ آن قابل دسترسی است.

بنابراین ، برای اصلاح رنگ ها ، اختصاص داده شده به هر سری اضافه شده ، ما فقط باید مجموعه رنگ نمودار را تغییر دهیم ، که می تواند از طریق ویژگی لیست آن انجام شود:

نکته مهم لطفا توجه داشته باشید: همانطور که رنگ در لحظه ای که به نمودار اضافه می شود به سری اختصاص می یابد ، قبل از اضافه کردن سری خود باید لیست رنگ تنظیم شود ، یا هیچ تاثیری نخواهد داشت.

پای و نمودارهای خرد شده مشابه

نمودارهای خرد شده پای و مشابه ، مانند قیف ، هرم و پیکروگرام ، در حالی که هنوز سری دارند ، رنگ را مستقیماً به آنها اختصاص نمی دهند. آنها ترجیح می دهند از مجموعه های رنگی استفاده کنند تا یک رنگ فردی را به هر مورد خود اختصاص دهند - برش.

برای این نمودارها ، از رنگهای گسترده نمودار استفاده نمی شود. هر سری از ویژگی های رنگ خود استفاده می کند ، که دقیقاً مانند گذشته توضیح داده شده است. شما فقط از رنگ های سری استفاده می کنید:

رنگ های رابط

AmCharts 4 دارای یک مجموعه رنگی خاص است که برای رنگ آمیزی عناصر مختلف رابط ، مانند دکمه ها ، نوار پیمایش و غیره استفاده می شود.

این توسط یک شی از نوع interfacecolorset نشان داده شده است.

به طور معمول ، این توسط موتور نمودار استفاده می شود. با این حال ، هیچ چیزی بین شما و آن وجود ندارد ، بنابراین می توانید از آن استفاده کنید تا رنگ های مناسب برای عناصر مختلف باشد.

برای شروع استفاده از آن ، به سادگی یک شی را فوری کنید. برای به دست آوردن یک رنگ برای یک هدف خاص ، از روش GetFor (هدف) استفاده کنید.

اهداف در رابط IcolorPurpose تعریف شده است.

مانند مجموعه های رنگی معمولی ، رابط کاربری توسط مضامین تنظیم می شوند. نویسنده موضوع تضمین می کند ، که عناصر رابط ، مانند دکمه ها ، با بقیه موضوع به خوبی پیش می روند.

شیب

تاکنون از رنگهای جامد استفاده کرده ایم.

بیایید بازی خود را بالا ببریم و چیزی جالب تر را امتحان کنیم.

شیب استاندارد

ایجاد شیب

ویژگی پر کردن بیشتر عناصر علاوه بر اشیاء رنگی ، همچنین می تواند یک شیء شیب را بپذیرد.

چند کلاس گرادیان ساخته شده است-into Amcharts 4 Core: LinearGradient و RadialGradient.

تنظیم پر کردن برای برخی از شیب ها یک فرآیند دو مرحله ای است:

1. فوری یک شیء شیب ؛
2. اضافه کردن مراحل رنگی.

بیایید از قبل سعی کنیم یک دانش آموز خطی ساده را به مستطیل خود اضافه کنیم:

همانطور که انتظار می رفت ، این یک شیب ساده از قرمز تا آبی ایجاد می کند:

با استفاده از چندین رنگ

شیب فقط به دو رنگ محدود نمی شود. شما می توانید به همان اندازه که دوست دارید اضافه کنید:

تنظیم جهت

جهت شیب خطی با استفاده از ویژگی چرخش آن تنظیم شده است. مجموعه آن با استفاده از درجه (0-360).

چرخش به طور پیش فرض صفر است ، این به معنی شیب افقی است. برای عمودی آن ، روی 90 تنظیم کنید.

همچنین می توانید آن را بر روی هر مقدار بین 0 تا 360 تنظیم کنید تا شیب در هر زاویه ای ایجاد کنید:

شیب شعاعی

شیب های شعاعی به طور مشابه با خطی کار می کنند ، مگر اینکه نمونه ای از radialgradient ایجاد کنید.

از آنجا که شیب خطی دارای چرخش است ، شیب شعاعی نیز دارای چند تنظیم خاص در آستین خود است.

به طور پیش فرض ، مرکز موج های شعاعی از مرکز عنصر می رود. می توانید با استفاده از تنظیمات CX و XY آن را تغییر دهید.

موارد زیر مرکز شعاع را به گوشه سمت چپ پایین قرار می دهد:

اصلاح کننده های رنگی

اصلاح کننده ها چیست؟

در شیب ما با لیستی از رنگ ها بازی می کردیم و به تدریج از یک به دیگری منتقل می شدیم.

اصلاح کننده رنگ راهی برای ایجاد شیب از یک رنگ پر است.

در حال حاضر دو نوع اصلاح کننده رنگ پشتیبانی می شود: خطی گرادیان مدیوفری که شیب های خطی ایجاد می کند ، و RadialGradientModifier که برای ایجاد شیب شعاعی استفاده می شود.

اصلاح کننده با تعریف لیستی از "مراحل" کار می کند. هر مرحله دارای یک موقعیت (نقطه شکست) است که به عنوان یک مقدار نسبی (0-1) تعریف شده است که نشان دهنده موقعیت آن با عنصر است که ما در حال تلاش برای تزئین هستیم.

هرکدام همچنین می توانند یکی از خصوصیات زیر رنگ پر را تعریف کنند: سبکی ، روشنایی یا کدورت.

هنگامی که روی یک عنصر اعمال می شود ، به تدریج بین مراحل انتقال می یابد و یک شیب سفارشی ایجاد می کند.

4 ویژگی اساسی در ارتباط با اصلاح کننده خطی وجود دارد:

همه این آرایه ها هستند. هر مورد در این موارد مقداری است که باید در هر مرحله در شیب سفارشی ما اعمال شود.

Offsets تعریف می کند که در آن ، نسبتاً به کل عرض عنصر ، این مرحله ساکن است. موقعیت یک مقدار نسبی با 0 شروع و 1 است.

به عنوان مثال.[0 ، 0. 5 ، 1] به این معنی است که مرحله اول در ابتدا است ، سمت راست دوم در وسط ، و سومین آن در انتها ساکن است.

بقیه این آرایه ها مقادیری هستند که برای تولید رنگ مشتق شده برای آن مرحله استفاده می شوند.

به یاد دارید که در این مقاله در مورد دستکاری رنگ کجا صحبت کردیم؟این اساساً همین است.

بگویید ، ما [-0. 5 ، 1 ، -0. 5] را به عنوان روشنایی تنظیم کردیم. این در اصل به معنای اولین قدم است که روشنایی تماس با مورچه های پر رنگ ما را بر روی آن قرار می دهد و به طور موثری آن را تاریک می کند.

خوب ، بنابراین در اینجا مثال وجود دارد:

این کار به طور موثری یک گرادیان با رنگ قرمز 80 ٪ در سمت چپ ، با رنگ جامد دست نخورده درست در وسط ایجاد می کند ، با بازگشت به 80 ٪ قرمز تیره در سمت راست.

توجه داشته باشید فقط برای روشن کردن آن: هر کاری که می توانید با اصلاح کننده هایی که می توانید با شیب های منظم انجام دهید انجام دهید. آنها فقط یک کلاس یاور هستند که اجازه می دهد تا طبق برخی قوانین به طور خودکار شیب ایجاد کنند و شما را در تعریف تمام مراحل برای شیب ها به صورت دستی نجات می دهند. در حقیقت ، اصلاح کننده یک شیب واقعی ایجاد می کند و آن را در خاصیت شیب خود ذخیره می کند.

کار با کدورت

حالا ، بیایید چیز دیگری را امتحان کنیم. بیایید برای تکمیل شفافیت در کنار لبه های آن ، عنصر خود را پر کنیم.

برای همین ما از کدورت ها استفاده خواهیم کرد:

شیب های تولید شده با اصلاح کننده

همانطور که قبلاً نیز اشاره کردیم ، اصلاح کننده شیء شیب واقعی را در خاصیت شیب خود ذخیره می کند ، به این معنی که می توانید به آن دسترسی پیدا کنید تا چرخش را تنظیم کنید ، مانند شیب معمولی:

استفاده در نمودارها

تاکنون در این مقاله با اشکال انتزاعی سر و کار داشته ایم.

برای رانندگی این خانه ، بیایید برخی از اصول را در یک نمودار واقعی اعمال کنیم.

در مورد نمودار منطقه با پر شدن تدریجی محو می شود؟

در مورد ایجاد اثر نوار گرد چطور؟

یا یک دونات دور براق با استفاده از RadialGradientModifier؟

الگوهای

علاوه بر پر کردن شیب ، AmCharts 4 همچنین از پر کردن های الگوی پشتیبانی می کند.

مانند شیب ها ، الگوی را می توان به یک ویژگی پر از هر عنصر اختصاص داد.

بیایید ببینیم که چگونه الگوهای ایجاد می شوند.

ایجاد یک الگوی

برای ایجاد یک الگوی ، ما یک الگوی کلاس به طور قابل پیش بینی داریم. ابتدا باید آن را فوری کنیم.

اضافه کردن عناصر الگوی

البته ، کد فوق هیچ کاری نخواهد کرد ، زیرا هیچ عنصر بصری واقعی در این الگوی وجود ندارد.

ما باید مقداری اضافه کنیم.

برای افزودن یک عنصر به یک الگوی ، باید از روش AddElement (Element) آن استفاده کنیم.

مهم عنصری که باید به AddElement منتقل شود () نمونه ای از sprite نیست بلکه از نظر قابلمه است که یک نمایش سطح پایین است ، از یک گره SVG واقعی. با استفاده از ویژگی عنصر آن می توانید به عنصر Sprite دسترسی پیدا کنید.

خوب ، بنابراین بیایید نمونه ای از تصویری را ایجاد کنیم که می تواند برای جمع آوری الگوی ما استفاده شود ، سپس آن را به الگوی اضافه کنیم.

توجه داشته باشید که ما از یک نسخه رمزگذاری شده BASE64 از یک تصویر SVG از یک ستاره به عنوان "URL Data" استفاده می کنیم ، که راهی برای جاسازی تصاویر است. اگر می خواستیم می توانیم از URL استاندارد نیز در اینجا استفاده کنیم.

توجه داشته باشید در مورد JSON در پیکربندی های مبتنی بر JSON ، علاوه بر نوع عنصر ، ما همچنین TypeProperty را تنظیم می کنیم ، به طوری که JSON PARSER می داند کدام خاصیت را از عنصر تازه ایجاد شده برای گرفتن و اضافه کردن به عنوان یک عنصر می داند ، زیرا نمی تواند مستقیماً از Sprite استفاده کندواد

تنظیم اندازه الگوی

چندین مکان وجود دارد که ممکن است هنگام ایجاد الگوها ، اندازه را تنظیم کنیم.

اندازه عناصر الگوی

ما قبلاً یک کد برای تنظیم عرض و ارتفاع به عنصر تصویر خود دیدیم. این مهم است به گونه ای که می توانیم عنصر را همانطور که می خواهیم در یک الگوی ظاهر شود.

اندازه خود الگوی

عرض و ارتفاع دیگری که باید تنظیم کنیم ، خود یک الگوی است.

اگر ابعاد را به همان تصویر تنظیم کنیم ، شبکه ای از تصاویر را که از نزدیک کنار هم قرار گرفته اند خواهیم داشت.

اگر از ابعاد کوچکتر استفاده کنیم ، بر این اساس تصاویر ما بریده می شوند.

سرانجام ، اگر از ابعاد بزرگتر استفاده کنیم ، تصاویر از بین می روند.

بیایید در حال حاضر همان ابعاد را امتحان کنیم:

استفاده از الگوی به عنوان پر

اکنون که همه آن را تنظیم کرده ایم ، بیایید از آن به عنوان مقدار پر برای مستطیل خود استفاده کنیم:

بیایید ببینیم اکنون چگونه به نظر می رسد:

awwwww ، نازاینطور نیست؟

الگوهای ساخته شده

AmCharts 4 دارای دو الگوی داخلی است که می توانید درست از خفاش استفاده کنید ، بدون اینکه نیاز به شامل تصاویر داشته باشید: Linepatte و Rectpatte.

از این موارد برای پر کردن چیزها با خطوط یا مستطیل ها استفاده می شود.

در همه جنبه ها این الگوهای منظم هستند ، به جز عناصر خط یا مستطیل که از قبل اضافه شده اند ، بنابراین لازم نیست آن را اضافه کنید.

بگویید ما می خواهیم مستطیل خود را با مربع های کوچک فاصله داشته باشیم. ما می توانیم این کار را با ایجاد یک رکتپتر انجام دهیم:

توجه داشته باشید شماره 1 رکت و rectheight عرض و ارتفاع عناصر مستطیل را کنترل کنید. همان چیزی که ما آنها را در نمونه های قبلی روی تصویر خود تنظیم می کردیم.

توجه داشته باشید شماره 2 توجه داشته باشید که چگونه ما رنگ را برای پر کردن عناصر با استفاده از پر کردن مستقیم روی الگوی تنظیم می کنیم. ما همچنین با استفاده از StrokeWidth = 0 ، طرح کلی را غیرفعال می کنیم.

بیایید آن را در یک مثال زنده امتحان کنیم:

Linepatte به روشی مشابه کار می کند ، به جز بدیهی است که هیچ گونه بازده یا رکورد وجود ندارد.

خطوط موجود در الگوی به اندازه عرض و/یا ارتفاع الگوی خواهد بود. ضخامت خط توسط StrokeWidth تعیین می شود.

به چرخش در کد بالا توجه کنید؟این قابل پیش بینی خطوط الگوی را به زاویه خاص می چرخاند.

توجه داشته باشید لطفا توجه داشته باشید که وقتی خطوط ضخیم تر از 1 پیکسل دارید ، پایان خط گرد است ، که ممکن است این الگوی را مانند خطوط غیر مداوم به نظر برساند. هیچ کاری برای آن وجود ندارد. برای تولید الگوهای مختلف ، باید یک الگوی منظم ایجاد کنید و سپس عناصر خط را به آن اضافه کنید تا کنترل بیشتری داشته باشد.

الگوهای در یک نمودار

اکنون که الگوهای یاد گرفتیم ، بیایید آنها را در یک نمودار امتحان کنیم.

برای جالب توجه ، بیایید هر ستون را در یک نمودار ستون قرار دهیم تا با استفاده از رنگ الگوی خط مختلف برای هر نوار پر شود.

الگوهای موجود در یک نقشه

یک مثال نهایی و ما شما را رها خواهیم کرد.

این بار ما از آداپتور MAP Polygon برای بررسی اطلاعات برای اطلاعات ویژه در مورد یک کشور استفاده خواهیم کرد و با یک الگوی تولید شده پویا پر شده است:

موضوع الگوهای

AmCharts 4 با یک موضوع "الگوها" همراه است که می تواند برای استفاده خودکار پر از الگوی برای نمودار عناصر مانند برش ها ، ستون ها و سری های منطقه استفاده شود.

مجموعه های الگوی

در ابتدای این مقاله ما به مفهوم مجموعه های رنگ آشنا شدیم. مجموعه رنگی یک شیء است که قادر به تکرار رنگ ها است ، حتی رنگ های جدیدی را نیز تولید می کند ، که هر زمان که به رنگ آمیزی متمایز مانند برش های یک نمودار پای ، سری نمودار XY و غیره استفاده می شود ، توسط نمودارها و اجزای آنها استفاده می شود.

مجموعه های الگوی به طور مشابه کار می کنند. در حالی که آنها قادر به تولید الگوهای جدید نیستند (هنوز) ، می توان از آنها برای تکرار لیستی از لیست های از پیش تعریف شده یا سفارشی از الگوهای مختلف استفاده کرد که می تواند به جای پر کردن رنگ جامد برای اشیاء مختلف استفاده شود.

ایجاد مجموعه های الگوی

مجموعه های الگوها توسط اشیاء نوع الگوی نوع نمایش داده می شوند. ما می توانیم درست مانند هر شیء دیگر آن را فوری کنیم:

پس از داشتن یک شیء مجموعه الگوی ، می توانیم الگوهای جدید را از طریق روشهای بعدی () یا GetIndex () بگیریم - دقیقاً مانند مجموعه های رنگی.

این موارد یک شیء از الگوی نوع را باز می گرداند که می تواند به صورت متقابل با اشیاء رنگی استفاده شود ، برای تنظیم خصوصیات پر و سکته مغزی اشیاء.

استفاده از الگوهای به طور خودکار

برخی از عناصر نمودار دارای خاصیت الگو هستند. این بدان معناست که آنها از مجموعه های الگوی پشتیبانی می کنند. اگر آنها را با نمونه ای از الگوی تنظیم کنید ، بدون پیکربندی بیشتر ، به صورت خودکار پر می شوند.

نمونه هایی از چنین اشیاء که از مجموعه الگوی پشتیبانی پشتیبانی می کنند عبارتند از: XYCHART (به طور خودکار الگوی تغذیه اشیاء خود را پر می کند) و درجات (از الگوهای پر برای هر یک از برش های آن استفاده می کند).

بیایید ببینیم که چگونه این کار در یک Pieseries کار می کند.

حال ، اگر چنین Hart Pie را اجرا کنیم ، به جای رنگهای جامد ، الگویی برای پر کردن برش ها می گیریم:

توجه داشته باشید ، این دقیقاً همان چیزی است که موضوع "الگوهای" ، که قبلاً در این مقاله مورد بحث قرار گرفته است.

با استفاده از مجموعه های الگوی به صورت دستی

برای عناصری که از استفاده خودکار از مجموعه های الگوی پشتیبانی نمی کنند ، می توانیم آنها را با استفاده از روش های کاربردی دستی ، یعنی از طریق داده ها و زمینه های خاص ، اعمال کنیم.

بیایید یک نقشه قاره های با طرح بسازیم که از الگوی تنظیم شده برای تنظیم پر کردن سفارشی از طریق داده ها استفاده می کند.

لیست الگوی اصلاح

مجموعه الگوی با لیستی از الگوهای از پیش تعریف شده که می توانید بلافاصله از آن استفاده کنید ، همراه است.

این ما را برای ایجاد لیست الگوی خود محدود نمی کند. به راحتی تعویض ویژگی لیست مجموعه الگوی مجموعه با آرایه ای که توسط اشیاء الگوی خود ما جمع شده است ، آسان است.