Built-in Shapes في SwiftUI 🎨

الـ Shapes الموجودة:

1️⃣ Circle

swift

Circle()
    .fill(.blue)
    .frame(width: 100, height: 100)

code

    ╭───╮
   /     \
  │       │
   \     /
    ╰───╯

2️⃣ Rectangle

swift

Rectangle()
    .fill(.red)
    .frame(width: 200, height: 100)

code

┌───────────┐
│           │
└───────────┘

3️⃣ RoundedRectangle

swift

RoundedRectangle(cornerRadius: 20)
    .fill(.green)
    .frame(width: 200, height: 100)

code

╭───────────╮
│           │
╰───────────╯

4️⃣ Ellipse

swift

Ellipse()
    .fill(.orange)
    .frame(width: 200, height: 100)

code

  ╭─────────╮
 /           \
  ╰─────────╯

5️⃣ Capsule

swift

Capsule()
    .fill(.purple)
    .frame(width: 200, height: 60)

code

╭─────────────╮
╰─────────────╯

6️⃣ ContainerRelativeShape

swift

ContainerRelativeShape()
    .fill(.pink)

بياخد شكل الـ Container اللي هو جواه.

الفرق بين الأشكال المتشابهة:

الشكل	الفرق
Circle	دايرة كاملة
Ellipse	بيض (ممكن أعرض أو أطول)
Capsule	مستطيل بزوايا نص دايرة
RoundedRectangle	مستطيل بزوايا مدورة بس مش كاملة

مثال كامل مع بعض:

swift

VStack {
    Circle()
        .fill(.blue)
        .frame(width: 80, height: 80)
    
    Ellipse()
        .fill(.red)
        .frame(width: 120, height: 60)
    
    Capsule()
        .fill(.green)
        .frame(width: 150, height: 50)
    
    RoundedRectangle(cornerRadius: 15)
        .fill(.orange)
        .frame(width: 150, height: 60)
    
    Rectangle()
        .fill(.purple)
        .frame(width: 150, height: 60)
}

كل الـ Shapes بتاخد نفس الـ Modifiers زي fill و stroke و shadow 🎯