Создание блок-схемы

@BenWade · Регистрация: 05.03.2015

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

Здравствуйте уважаемые коллеги!
На самом деле возможно то что я хочу реализовать, совсем не стоит делать на wpf, но за тем я и обращаюсь к вам за советом, что не знаю где лучше и быстрее возможно сделать ту задачу которую опишу далее.

Необходимо сделать блок-схему, которая бы содержала кнопки ("Да", "Нет") для передвижения по логике блок-схемы, при этом могут всплывать дополнительные окна которые будут осуществлять необходимые математические расчеты.
Начал пытаться реализовывать это средствами WPF, т.е. элемент canvas, но все это выглядит как то очень громоздко, неуклюже и довольно сложно, т.к планируется несколько страниц таких блок схем и все их вот так задавать будет долгой задачей.
Был бы очень признателен, если вы мне поможите или направите в нужное русло с моей задачей!

@SharpDeveloper · 06.04.2017, 02:45

Canvas, на который биндим ViewModels (Shapes), и всё решается в рамках mvvm, канвас автоматически отрисует фигуры, вот кусок как есть с моего проекта:

XML

    <Grid>
        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <!--<Viewbox Stretch="Fill">-->
            <ItemsControl ItemsSource="{Binding Shapes}">
                <ItemsControl.Resources>
                    <DataTemplate DataType="{x:Type gridVM:LabelViewModel}">
                        <TextBlock Text="{Binding Text}" FontSize="{Binding FontSize}" Foreground="{Binding Stroke}" HorizontalAlignment="{Binding HorizontalAlignment}" TextAlignment="{Binding TextAlignment}" FontWeight="{Binding FontWeight}" Width="{Binding Width}" Opacity="{Binding Opacity}" SnapsToDevicePixels="True" Visibility="{Binding Path=IsVisible, Converter={StaticResource booleanToVisibilityConverter}}" />
                    </DataTemplate>
                    <DataTemplate DataType="{x:Type gridVM:RectViewModel}">
                        <Rectangle Stroke="{Binding Stroke}" StrokeThickness="{Binding StrokeThickness}" Fill="{Binding Fill}" Width="{Binding Width}" Height="{Binding Height}" SnapsToDevicePixels="True" Opacity="{Binding Path=Opacity}" Visibility="{Binding Path=IsVisible, Converter={StaticResource booleanToVisibilityConverter}}" />
                    </DataTemplate>
                    <DataTemplate DataType="{x:Type gridVM:PathViewModel}">
                        <Path Stroke="{Binding Stroke}" StrokeThickness="{Binding StrokeThickness}" Data="{Binding Data}" SnapsToDevicePixels="True" Opacity="{Binding Path=Opacity}" Visibility="{Binding Path=IsVisible, Converter={StaticResource booleanToVisibilityConverter}}">
                            <!--<Path.Effect>
                                <DropShadowEffect ShadowDepth="1" BlurRadius="1" Opacity="0.5" />
                            </Path.Effect>-->
                        </Path>
                    </DataTemplate>
                    <DataTemplate DataType="{x:Type gridVM:LineViewModel}">
                        <Line X1="{Binding X1}" X2="{Binding X2}" Y1="{Binding Y1}" Y2="{Binding Y2}" Stroke="{Binding Stroke}" StrokeThickness="{Binding StrokeThickness}" SnapsToDevicePixels="True" Opacity="{Binding Path=Opacity}" Visibility="{Binding Path=IsVisible, Converter={StaticResource booleanToVisibilityConverter}}" />
                    </DataTemplate>
                </ItemsControl.Resources>
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Canvas Background="White" Width="{Binding CanvasWidth}" Height="{Binding CanvasHeight}" ClipToBounds="True" IsItemsHost="True" local:CanvasInjector.PassCanvasToViewModel="True" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemContainerStyle>
                    <Style TargetType="ContentPresenter">
                        <Setter Property="Canvas.Left" Value="{Binding Path=L}" />
                        <Setter Property="Canvas.Top" Value="{Binding Path=T}" />
                        <Setter Property="Canvas.Right" Value="{Binding Path=R}" />
                        <Setter Property="Canvas.Bottom" Value="{Binding Path=B}" />
                        <Setter Property="Canvas.ZIndex" Value="{Binding Path=Z}" />
                        <Setter Property="dxmvvm:Interaction.BehaviorsTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <ItemsControl>
                                        <dxmvvm:EventToCommand EventName="MouseDown" Command="{Binding MouseDownCommand}" PassEventArgsToCommand="True"/>
                                        <dxmvvm:EventToCommand EventName="MouseLeftButtonDown" Command="{Binding MouseLeftButtonDownCommand}" PassEventArgsToCommand="True"/>
                                        <dxmvvm:EventToCommand EventName="MouseLeftButtonUp" Command="{Binding MouseLeftButtonUpCommand}" PassEventArgsToCommand="True"/>
                                        <dxmvvm:EventToCommand EventName="MouseMove" Command="{Binding MouseMoveCommand}" PassEventArgsToCommand="True"/>
                                    </ItemsControl >
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ItemsControl.ItemContainerStyle>
            </ItemsControl>
        <!--</Viewbox>-->
        </ScrollViewer>
    </Grid>
</UserControl>

@BenWade · 06.04.2017, 14:30 **[ТС]**

Сообщение от SharpDeveloper

Canvas, на который биндим ViewModels (Shapes), и всё решается в рамках mvvm, канвас автоматически отрисует фигуры, вот кусок как есть с моего проекта:

Не совсем понимаю как это реализовать...
А что скажите насчет MindFusion.Diagramming.Wpf? вродебы его средствами возможно решить как раз мою задачу или этот пакет предназначен для другого?

@SharpDeveloper · 06.04.2017, 17:18

Сообщение от BenWade

MindFusion.Diagramming.Wpf

В первый раз вижу.

Сообщение от BenWade

Не совсем понимаю как это реализовать

Что именно непонятно?
Во ViewModel объявляете

C#

        public ObservableCollection<IShape> Shapes
        {
            get { return GetProperty(() => Shapes); }
            set { SetProperty(() => Shapes, value); }
        }

И заполняете коллекцию своими ViewModels для фигур.

@BenWade 2 / 2 / 1 Регистрация: 05.03.2015 Сообщений: 191
		1
	Создание блок-схемы 05.04.2017, 17:51. Показов 2966. Ответов 3 Метки нет (Все метки) Здравствуйте уважаемые коллеги! На самом деле возможно то что я хочу реализовать, совсем не стоит делать на wpf, но за тем я и обращаюсь к вам за советом, что не знаю где лучше и быстрее возможно сделать ту задачу которую опишу далее. Необходимо сделать блок-схему, которая бы содержала кнопки ("Да", "Нет") для передвижения по логике блок-схемы, при этом могут всплывать дополнительные окна которые будут осуществлять необходимые математические расчеты. Начал пытаться реализовывать это средствами WPF, т.е. элемент canvas, но все это выглядит как то очень громоздко, неуклюже и довольно сложно, т.к планируется несколько страниц таких блок схем и все их вот так задавать будет долгой задачей. Был бы очень признателен, если вы мне поможите или направите в нужное русло с моей задачей! Миниатюры 0

@BenWade 2 / 2 / 1 Регистрация: 05.03.2015 Сообщений: 191
	06.04.2017, 14:30 [ТС]	3
	Сообщение от SharpDeveloper Canvas, на который биндим ViewModels (Shapes), и всё решается в рамках mvvm, канвас автоматически отрисует фигуры, вот кусок как есть с моего проекта: Не совсем понимаю как это реализовать... А что скажите насчет MindFusion.Diagramming.Wpf? вродебы его средствами возможно решить как раз мою задачу или этот пакет предназначен для другого? 0

	06.04.2017, 17:18