سیستم Diagram
اتصال Flowcharts، نمودارهای UML، نمودار شبکه و اتصال هر عناصر بصری با کانکتور های هوشمند.
↑ |Diagram Flowchart
بررسی اجمالی
سیستم Diagram فراهم می کند:
- *Diagram Shapes ** - Flowchart، UML و نماد شبکه
- کانکتور های هوشمند فلش های خودکار که به روز رسانی می شوند
-
- اتصال هر چیزی - لینک هر آیتم بوم (تصویر، متن، شکل، SVG)
-
- Auto-Layout ** به طور خودکار نمودارها را تنظیم می کند
دسترسی به پنل Diagram
- روی دکمه Diagram در نوار ابزار چپ کلیک کنید
- پنل Diagram باز می شود نشان دادن شکل های موجود
[Diagram Panel]
ایجاد Diagram Shapes
از پنل
- پنل Diagram را باز کنید
- یک دسته فرم را انتخاب کنید (Flowchart، UML، Network، Basic)
- روی یک شکل کلیک کنید تا آن را به بوم اضافه کنید
- رفتن به موقعیت
دسته های Shape
| Category | شکل ها | استفاده برای |
|---|---|---|
| جریان | فرآیند، تصمیم، ترمینال، داده ها، سند، پایگاه داده | جریان های کاری، جریان های کاری |
| UML | کلاس، استفاده از پرونده، بازیگر | نمودارهای نرم افزار |
| شبکه Network | Cloud, Server | نمودار معماری |
| Basic | دایره، دایره، مثلث، ستاره | هدف عمومی |
اتصال آیتم ها
Quick Connect (هر آیتم)
- گزینه Source Case را انتخاب کنید
- Keep Shift و کلیک بر روی آیتم هدف
- کانکتور به طور خودکار ایجاد می شود
استفاده از Connect Mode
- Click **Connect در پنل Diagram (یا مطبوعات C)
- بر روی پورت منبع (صفحه آبی) کلیک کنید
- به بندر مورد هدف بروید
- آزادی برای ایجاد اتصال
(هر چیزی را لمس کنید)
کار با هر موضوعی
کانکتورها به شکل های نمودار محدود نیستند. اتصال:
- تصاویر و SVG های وارداتی
- عناصر متن
- شکل های سفارشی (circles، ستاره ها، مستطیل ها)
- عناصر مولد
Styles
Routing Styles
| سبک Style | توضیحات | بهترین برای |
|---|---|---|
| مستقیم | خط راست | اتصالات ساده |
| Orthogonal | مسیر راست | نمودار های فنی |
| {\displaystyle } | منحنی های صاف Bezier | طرح های ارگانیک |
Arrowhead Styles
| سبک Style | ظاهر ظاهری |
|---|---|
| کلاسیک | مثلث پر شده |
| Stealth | الماس با Notch |
| شارپ | نقطه بلند |
| Open | طرح V-shape |
| الماس | شکل الماس |
| Circle | دایره پر شده |
| هیچ کس | No arrowhead |
[[ویرایش]
Auto-Layout
به طور خودکار نمودار خود را تنظیم کنید:
- فرم ها را انتخاب کنید (یا هیچ کدام را برای همه انتخاب نکنید)
- Click Auto-Layout در پنل Diagram
- انتخاب یک الگوریتم طرح
انواع
| چیدمان | توضیحات | بهترین برای |
|---|---|---|
| سلسله مراتبی | لایه بالا به پایین | نمودارهای Flowcharts، org |
| درخت | سلسله مراتب والدین کودک | درخت های خانوادگی، ساختارهای فایل |
| شعاعی | دایره های Concentric | نقشه های ذهن |
| Grid | شبکه منظم | مخترعان، گالری ها |
| فرماندهی نیرو | فیزیک-based | نمودار شبکه |
[edit]
مثال های Diagram
جریان
[Flowchart]
جریان فرایند ساده با:
- شکل های ترمینال برای شروع / پایان
- شکل های فرآیند برای اقدامات
- تصمیم الماس برای شرایط
- اتصالات Orthogonal
شبکه Diagram
[Network Diagram]
معماری شبکه ای که نشان می دهد:
- شکل Cloud برای اینترنت
- شکل های سرور برای زیرساخت ها
- اتصالات Dashed برای لینک های داخلی
استفاده از Case
[UML Diagram]
یک نمودار مورد استفاده با:
- بازیگران Stick
- استفاده از ellipses
- کانکتورهای انجمن
ویژگی های انیمیشن
اضافه کردن اثر “بولت” برای جریان متحرک:
- انتخاب یک کانکتور
- قابلیت فعال سازی **Bolt Effect در Properties
- تنظیمات تنظیم:
- *رنگ - بولت رنگ
-
- سرعت - سرعت انیمیشن
- *Size ** اندازه بولت
پیچ در امتداد اتصال حرکت می کند، نشان دادن جهت جریان داده ها.
نکات کلیدی
نکات Diagram:
- استفاده از مسیریابی orthogonal برای نمودار های فنی
- استفاده از مسیریابی منحنی برای سبک های ارگانیک، ذهن-map
- استفاده از Auto-Layout پس از اضافه کردن تمام اشکال
- نگه داشتن Shiftدر حالی که کشیدن برای فوری به شبکه
صفحه کلید میانبر
| کلید کلیدی | Action |
|---|---|
| C | حالت اتصال Enter Connect Mode |
| Escape | حالت اتصال خروج |
| Delete | حذف کانکتور انتخاب شده /shape |
مرتبط
- [Arrows & کانکتور] (/features/arrows) - ابزار فلش میراث
- [Animations] (/features/animations) عناصر نمودار Animate
- [Xframe Editor] (/features/keyframes) - توالی های انیمیشن پیچیده