Автоматическая компоновка

Diagrammix3 включает мощную функцию автоматической компоновки, которая автоматически располагает элементы диаграммы для оптимальной читаемости. Механизм компоновки использует алгоритм Sugiyama, специально разработанный для иерархических и ориентированных графов.

Когда использовать автоматическую компоновку

Автоматическая компоновка полезна, когда:

  • Вы импортировали диаграмму из Mermaid или другого формата
  • Ваша диаграмма стала запутанной после множества правок
  • Вы хотите быстро упорядочить большое количество элементов
  • Вы начинаете с чернового наброска и хотите получить аккуратный макет

До автоматической компоновки

Применение автоматической компоновки

Через меню

  1. Выделите фигуры, которые хотите упорядочить (или выделите все с помощью Cmd+A)
  2. Перейдите в Arrange → Auto-Layout
  3. Выделенные элементы будут перераспределены

С панели инструментов

Нажмите кнопку автоматической компоновки на панели инструментов расположения (значок сетки).

После автоматической компоновки

Направление компоновки

Вы можете выбрать направление иерархии компоновки:

НаправлениеОписаниеЛучше всего подходит для
Сверху внизКорень сверху, листья снизуОрганизационные схемы, блок-схемы
Снизу вверхКорень снизу, листья сверхуДеревья решений
Слева направоКорень слева, листья справаСхемы процессов, временные шкалы
Справа налевоКорень справа, листья слеваДиаграммы справа налево

Параметры направления доступны в Arrange → Auto-Layout → Направление.

Меню автоматической компоновки

Параметры компоновки

Интервалы

Управление расстоянием между элементами:

  • Горизонтальный интервал: Расстояние между соседними узлами
  • Вертикальный интервал: Расстояние между уровнями иерархии

Настройте их на панели параметров компоновки или в Инспекторе.

Выравнивание

Выберите, как узлы на одном уровне выравниваются:

  • По центру: Узлы центрируются в пределах своего уровня
  • По левому краю/верху: Узлы выравниваются по началу
  • По правому краю/низу: Узлы выравниваются по концу

Алгоритм Sugiyama

Автоматическая компоновка использует алгоритм Sugiyama (также известный как послойное рисование графов), который:

  1. Назначает слои: Размещает узлы на иерархических уровнях на основе связей
  2. Уменьшает пересечения: Минимизирует пересечения рёбер между слоями
  3. Позиционирует узлы: Размещает узлы так, чтобы минимизировать длину рёбер
  4. Прокладывает рёбра: Создаёт аккуратные пути для коннекторов

Этот алгоритм идеально подходит для:

  • Блок-схем
  • Организационных схем
  • Графов зависимостей
  • Иерархий классов UML
  • Автоматов состояний

Советы для лучших результатов

Перед запуском автоматической компоновки

  1. Удалите лишние связи: Дополнительные рёбра увеличивают сложность
  2. Сгруппируйте связанные элементы: Группы обрабатываются как единые узлы
  3. Продумайте направление: Подумайте, какое направление подходит для вашей диаграммы

После запуска автоматической компоновки

  1. Скорректируйте позиции: При необходимости подправьте отдельные элементы
  2. Проверьте надписи: Убедитесь, что надписи читаемы и не перекрываются
  3. Настройте интервалы: Увеличьте интервалы, если элементы расположены слишком тесно

Ограничения

  • Циклические графы: Диаграммы с циклическими ссылками могут компоноваться неидеально
  • Плотные графы: В очень плотных диаграммах могут остаться некоторые пересечения рёбер
  • Ручное размещение: Компоновка переопределяет любое ручное позиционирование
  • Соотношение сторон: Алгоритм не учитывает соотношение сторон холста

Отмена

Если результат вас не устраивает, нажмите Cmd+Z, чтобы отменить компоновку и восстановить предыдущие позиции.