Вирівняні поля блок-схеми

Блок-схема виглядає дилетантською лише з однієї причини: ящики, які майже вишикуються. TikZ уникає проблеми структурно, тому що кожна коробка розміщена відносно іншої, тому стовпець коробок має спільну вісь за конструкцією, а не за поглядом. Друга складова — це названий стиль, тому всі коробки погоджуються щодо своєї форми та мінімального розміру. Ось вертикальний триступеневий потік:

\usetikzlibrary{positioning,arrows.meta}

\begin{tikzpicture}[
 box/.style={draw, rounded corners, align=center, minimum width=2.8cm},
 node distance=10mm and 14mm
]
\node[box] (i) {Input};
\node[box, below=of i] (p) {Process};
\node[box, below=of p] (o) {Output};
\draw[-Latex] (i) -- (p);
\draw[-Latex] (p) -- (o);
\end{tikzpicture}

Визначення стилю один раз

Рядок box/.style={...} створює багаторазовий стиль під назвою box. Його вміст є звичайними параметрами вузла: draw дає вузлу межу, rounded corners пом’якшує її, align=center центрує багаторядковий текст усередині вузла, а minimum width=2,8cm змушує кожну рамку мати принаймні таку ширину, щоб короткі мітки не стискалися в крихітні рамки. Відтоді \node[box] застосовує весь набір. Якщо вам потрібен колір заливки або більша ширина, змініть один рядок, і вся діаграма оновиться. Це діаграма, яку ви підтримуєте, а не перемальовуєте.

Інтервал у двох напрямках

node distance=10mm and 14mm встановлює проміжки за замовчуванням, які використовуються бібліотекою positioning: перше значення — вертикальна відстань, друге — горизонтальне. З цим на місці, below=of i розміщує поле процесу на 10 мм нижче поля введення, край до краю, і ідеально по центру. У другому стовпці буде використано right=of p і розміщено на 14 мм убік. Оскільки кожне розміщення зв’язується з існуючим вузлом, вставлення кроку означає додавання одного вузла та оновлення одного посилання below=of. Усе, що йде за течією, змінюється разом із ним. Ви також можете змінити відстань для кожного вузла, як у below=15mm of i.

З’єднання ступенів

Кожен \draw[-Latex] (i) -- (p); малює стрілку від одного названого вузла до наступного, при цьому -Latex вибирає суцільну стрілку з бібліотеки arrows.meta на кінці призначення. Стрілки з’єднуються на межі вузлів автоматично. Для гілки рішення візьміть певні прив’язки, наприклад (p.east), щоб вийти з правого боку, і прокладіть маршрут із згинами, наприклад -- ++(2,0) |-, коли діаграма потребує кутів.

Вихід TikZ не відображається в цих попередніх переглядах на сторінці, тому скомпілюйте фрагмент, щоб побачити його. Класичною помилкою в блок-схемах є розміщення кількох прямокутників із абсолютними координатами «тільки цього разу»: ці прямокутники виявляються невирівняними після наступного редагування. Зберігайте кожне розташування відносним і дивіться вузли та стрілки для основних варіантів розміщення.