# Built-in Shapes في SwiftUI 🎨

---

# Built-in Shapes في SwiftUI 🎨

---

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

### 1️⃣ [[Circle]]

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

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

---

### 2️⃣ Rectangle

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

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

---

### 3️⃣ RoundedRectangle

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

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

---

### 4️⃣ Ellipse

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

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

---

### 5️⃣ Capsule

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

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

---

### 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` 🎯