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