Графический редактор. С WinForms на WPF.

@NightmareZ · 28.07.2010, 20:48. **Показов** 6270. **Ответов** 4

Студворк — интернет-сервис помощи студентам

Я писал редактор блок-схем на C# под WinForms. Кое-что получилось, но до конца его так и не довёл. Иногда, когда появляется свободное время, я его дописываю. Но одна проблема не даёт мне покоя - отрисовка в GDI+ слишком медленна даже на шустрых машинах. Хочу попробывать прикрутить WPF и посмотреть, что из этого получится. Толстые манускрипты у меня нет времени читать, потому прошу просвятить по поводу графики в WPF...

Когда нужно перерисовать экран, в WinForms я создаю Bitmap нужных размеров, беру у него экземпляр Graphics и на нём с помощью Pen, Brush, Path рисую нужные мне объекты. Затем на Graphics'е формы отрисовываю получившийся битмап.

Как правильно такой процесс организовать в WPF?

@HIMen · 28.07.2010, 21:26

Вариант:
Делаешь наследника Canvas, это будет твое полотно, в нем будешь хранить список объектов и переопределишь методы GetVisualChild и VisualChildrenCount, создаешь методы добавления/удаления элементов.
А сами объекты делаешь наследниками DrawingVisual, в которых рисуешь, что хочешь, наподобие такого

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public abstract class FigureBase : DrawingVisual
{
    public Brush Background { get; set; }
    public Pen Border { get; set; }
    public FigureBase() : base() { }
    public double Height { get; set; }
    public double Width { get; set; }
    public virtual void Draw(Point topLeftCorner) { }
}
public class FigureRectangle : FigureBase
{
    public FigureRectangle() : base() { }
    public override void Draw(Point topLeftCorner)
    {
        using (DrawingContext dc = this.RenderOpen())
        {
            dc.Draw...
        }
    }
}

Проверка попадания - метод для полотна

C#
1
2
3
4
5
public FigureBase GetVisual(Point point)
{
    HitTestResult hitResult = VisualTreeHelper.HitTest(this, point);
    return hitResult.VisualHit as FigureBase;
}

Не по теме:

Готовый рабочий пример что-то не могу найти

Добавлено через 3 минуты
Вот еще хороший пример, но его очень сложно разобрать
http://www.codeproject.com/KB/... Tools.aspx

@NightmareZ · 29.07.2010, 03:51 **[ТС]**

А попиксельно работать в WPF можно? Я вот, допустим, хочу какой-нибудь свой эффект сделать: свечение там или что-то другое. Это возможно?

@Alex_Sabaka · 30.07.2010, 02:15

Возможно, можно использовать как базовые эффекты(Glow, Blur, Shadow), так и писать свои на HLSL.

@dioxidin · 05.08.2010, 10:41

А еще можно использовать WriteableBitmapEx - экстеншен над WriteableBitmap. К нему же можно добавить HLSL. По заявлениям разработчиков для отрисовки огромного числа элементов подходит больше, чем векторное рисование. Но я сам убедился, что не все так просто. К примеру, я могу пробежаться по массиву EllipseGeometry объектов, запихиваемых в свойство Data у Path и изменить там где это нужно. В случае с Битмап мне придется стирать (все поле или регион), а потом перерисовывать все, что стерто. На практике убедился, что рисование облака из 10000 точек (космос) векторно и через битмап с применением HLSL и без него одинаково грузочно в обоих случаях. Делал это на Сильверлайт. Не знаю как ускоряются битмап рисовалки в SL.
Замечание: преимущество Битмап подхода - возможность задавать для каждой звездочки свой цвет. В векторном подходе для этого нужно каждый эллипс в виде отдельного UIElement'a создавать. Вот тогда настоящие тормоза начинаются. Еще одним преимуществом WriteableBitmapEx является Bleeting - эффект светящегося облака вокруг частиц и смешивание двух битмапов. Если применить HLSL ToneMapping (кажется так назвается шейдер, управляющий экспозицией и еще койчем), то становится еще красивее, но тормозит сильно (для разрешения 1600х1200 - 2 и меньше FPS).

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@NightmareZ Заблокирован

	Графический редактор. С WinForms на WPF. 28.07.2010, 20:48. Показов 6270. Ответов 4 Метки нет (Все метки) Я писал редактор блок-схем на C# под WinForms. Кое-что получилось, но до конца его так и не довёл. Иногда, когда появляется свободное время, я его дописываю. Но одна проблема не даёт мне покоя - отрисовка в GDI+ слишком медленна даже на шустрых машинах. Хочу попробывать прикрутить WPF и посмотреть, что из этого получится. Толстые манускрипты у меня нет времени читать, потому прошу просвятить по поводу графики в WPF... Когда нужно перерисовать экран, в WinForms я создаю Bitmap нужных размеров, беру у него экземпляр Graphics и на нём с помощью Pen, Brush, Path рисую нужные мне объекты. Затем на Graphics'е формы отрисовываю получившийся битмап. Как правильно такой процесс организовать в WPF? Миниатюры 0

@NightmareZ Заблокирован
	29.07.2010, 03:51 [ТС]
	А попиксельно работать в WPF можно? Я вот, допустим, хочу какой-нибудь свой эффект сделать: свечение там или что-то другое. Это возможно? 0

@Alex_Sabaka 638 / 499 / 77 Регистрация: 28.07.2010 Сообщений: 895
	30.07.2010, 02:15
	Возможно, можно использовать как базовые эффекты(Glow, Blur, Shadow), так и писать свои на HLSL. 1

@dioxidin 132 / 99 / 11 Регистрация: 21.11.2007 Сообщений: 544
	05.08.2010, 10:41
	А еще можно использовать WriteableBitmapEx - экстеншен над WriteableBitmap. К нему же можно добавить HLSL. По заявлениям разработчиков для отрисовки огромного числа элементов подходит больше, чем векторное рисование. Но я сам убедился, что не все так просто. К примеру, я могу пробежаться по массиву EllipseGeometry объектов, запихиваемых в свойство Data у Path и изменить там где это нужно. В случае с Битмап мне придется стирать (все поле или регион), а потом перерисовывать все, что стерто. На практике убедился, что рисование облака из 10000 точек (космос) векторно и через битмап с применением HLSL и без него одинаково грузочно в обоих случаях. Делал это на Сильверлайт. Не знаю как ускоряются битмап рисовалки в SL. Замечание: преимущество Битмап подхода - возможность задавать для каждой звездочки свой цвет. В векторном подходе для этого нужно каждый эллипс в виде отдельного UIElement'a создавать. Вот тогда настоящие тормоза начинаются. Еще одним преимуществом WriteableBitmapEx является Bleeting - эффект светящегося облака вокруг частиц и смешивание двух битмапов. Если применить HLSL ToneMapping (кажется так назвается шейдер, управляющий экспозицией и еще койчем), то становится еще красивее, но тормозит сильно (для разрешения 1600х1200 - 2 и меньше FPS). 0