ایجاد مستطیل در Flex

ساختن مستطیل در flex با برچسب <Rect>انجام می‌شود اما خود این برچسب، چیز قابل دیدنی در صحنه به ما نمی‌دهد؛ برای این که چیز قابل مشاهده‌ای به دست آوریم باید داخل مستطیل‌مان را رنگ کنیم یا خطی به دور آن بکشیم و اضلاع آن را قابل مشاهده کنیم.

برای رنگ کردن داخل مستطیل، باید از برچسب <fill> استفاده کنیم و برای تعیین نوع رنگ، یکی از برچسب‌های مربوط به این کار را معرفی کنیم؛ مثلاً اگر می‌خواهیم رنگ یک دست فیروزه‌ای داشته باشیم، باید از این کد استفاده کنیم:

<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor color="cyan"/>
</s:fill>
</s:Rect>

برای ترسیم اضلاع مستطیل نیز می‌توانیم برچسب <stroke> را اضافه کنیم و سپس با استفاده از یکی از برچسب‌های مربوط به نوع خط، اضلاع مورد نظر را ترسیم کنیم؛ مثلا برای داشتن خطوط یکنواخت مشکی، از برچسب  <solidColorStroke> استفاده می‌کنیم:

<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor color="cyan"/>
</s:fill>

    <s:stroke>
<s:SolidColorStroke color="black"/>
</s:stroke>
</s:Rect>