✏️ تعديل: 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` 🎯
👁️ معاينة فورية
💡 كل بلوك قابل للسحب والترتيب. يدعم
Markdown
:
## عنوان
·
**bold**
·
- قائمة
·
```dart code```
·
[[اسم الموضوع]]
💾 حفظ التعديلات