Пример проекта (AIStudio.Wpf.DiagramDesigner.Demo,
https://gitee.com/akwkevin/aistudio.-wpf.-diagram/tree/master/Demos/AIStudio.Wpf.DiagramDesigner.Demo) включает следующие разделы:

1. Simple — простой пример.
2. Locked — заблокированный узел.
3. Events — события (в настоящее время не завершены, ожидается).
4. DynamicInsertions — динамическая вставка (в настоящее время не завершена, ожидается).
5. Performance — производительность (генерация 100 узлов).
6. Zoom — увеличение и уменьшение масштаба.
7. SnapToGrid — выравнивание по сетке.
8. DragAndDrop — перетаскивание.
9. Nodes:
   • Svg — стиль SVG.
   • CustomDefinedNode — пользовательский узел.
   • PortlessLinks — соединение узлов без портов.
   • GradientNode — узел с градиентом.
   • Rotate — поворот узла (соединение линии всё ещё нуждается в оптимизации, оно считается находящимся на позиции до поворота).
10. Links:
    • Snapping — автоматическое соединение линии при приближении к узлу.
    • Labels — текст на соединительной линии (поддерживает несколько мест).
    • Vertices — промежуточный узел на соединительной линии.
    • Markers — стрелки (поддерживают настройку).
    • Routers — режим соединения.
    • PathGenerators — алгоритм соединения.
11. Ports:
    • ColoredPort — цветной порт (только узлы одного цвета могут быть соединены).
    • InnerPort — внутренний порт.
12. Groups:
    • Group — группа.
    • CustomDefinedGroup — настраиваемая группа.
    • CustomShortcutGroup — настраиваемые сочетания клавиш для группы.
13. Texts:
    • Text — текст.
    • Alignment — способ выравнивания.
    • FontSize — размер шрифта.
    • ColorText — цветной шрифт.
    • OutlineText — контурный шрифт.
14. Customization:
    • CustomNode — перекрытие стиля узла по умолчанию.
    • CustomLink — настройка стиля соединительной линии.
    • CustomPort — перекрытие стиля порта по умолчанию.
    • CustomGroup — перекрытие стиля группы по умолчанию.
15. Algorithms:
    • ReconnectLinksToClosestPorts — повторный расчёт, соединение с ближайшим портом.
16. Animations:
    • PathAnimation — анимация пути.
    • LineAnimation — линейная анимация потока.
17. Editor:
    • FlowchartEditor — рабочий процесс, упакованный в компонент диаграммы, который использует формат сериализации, совместимый с основными диаграммами. В ближайшее время будут продолжаться обновления, приглашаем всех посетить нас.

Последний анимационный поток диаграмм.

Особое примечание

Адрес статьи в блоге https://www.cnblogs.com/akwkevin/p/15047453.html.

Создание панели для рисования диаграмм с использованием Wpf (продолжение 2) (включая создание компонента FlowchartEditor): https://www.cnblogs.com/akwkevin/p/17093865.html.

Использование Wpf для создания ментальной карты (продолжение 3 — панель для рисования диаграмм): https://www.cnblogs.com/akwkevin/p/17288814.html.

Применение Wpf для разработки программируемой панели для рисования (продолжение 4 — панель для рисования диаграмм): https://www.cnblogs.com/akwkevin/p/17367212.html.

Разработка панели для рисования с помощью кистей (продолжение 5 — панель для рисования диаграмм): https://www.cnblogs.com/akwkevin/p/17417546.html.

Пожертвования

Если вы считаете, что наше открытое программное обеспечение было вам полезно, пожалуйста, отсканируйте QR-код ниже и поддержите нас чашкой кофе. Разработка открытого программного обеспечения — это непростая задача, мы благодарны за вашу поддержку. (Вы можете связаться со мной, чтобы выразить особую благодарность, спасибо.)

Список пожертвований:

Связанные ссылки:

Fluent.Ribbon: https://github.com/fluentribbon/Fluent.Ribbon

WPF-Diagram-Designer:https://github.com/LinRaise/WPF-Diagram-Designer

Мой личный номер QQ: 80267720,

Техническая группа обмена QQ 1: 51286643 (уже заполнена), техническая группа обмена QQ 2: 51280970 (если вам нравится, помогите поставить звезду, спасибо).

Особая благодарность: https://dotnet9.com/ владельцу сайта dotnet9.

Если у вас есть друзья, которые хотят присоединиться к разработке, вы можете связаться со мной.