powered by simpleCommunicator - 2.0.51     © 2025 Programmizd 02
Форумы / WPF, Silverlight [игнор отключен] [закрыт для гостей] / События в Canvas и элементах на ней
3 сообщений из 3, страница 1 из 1
События в Canvas и элементах на ней
    #37692288
Гед
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Приветствую, уважаемые.
Ситуация: есть Canvas, на нем есть элементы Label. Есть команды для двойного клика, одна из них должна отрабатывать когда кликается по canvas вторая по элементу. В настоящий момент сделано так:
Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
    <Window.DataContext>
        <local:ShellViewModel/>
    </Window.DataContext>

    <Window.Resources>
        <conv:BooleanToHiddenVisibility x:Key="boolToVis"/>
    </Window.Resources>

    <Grid x:Name="LayoutRoot">
        <UserControl>
            <UserControl.Resources>
                <DataTemplate x:Key="ItemTemplateKey">
                    <Grid>
                        <Label x:Name="Graph" 
                               Content="{Binding Title}"  
                               Width="{Binding Width}" 
                               Height="{Binding Height}" BorderThickness="2" BorderBrush="Black" Background="Aqua" >
                            <i:Interaction.Behaviors>
                                <il:MouseDragElementBehavior/>
                            </i:Interaction.Behaviors>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="MouseDoubleClick">
                                    <cmd:EventToCommand Command="{Binding DataContext.EditShapeCommand, 
                                                        RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}"
                                                        CommandParameter="{Binding}"/>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Label>
                    </Grid>
                </DataTemplate>
            </UserControl.Resources>

            <Grid x:Name="LayoutRoot2">
                <ItemsControl
                    ItemsSource="{Binding GraphCollection}"
                    ItemTemplate="{StaticResource ItemTemplateKey}">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <Canvas IsItemsHost="True" Background="LightGray">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="MouseLeftButtonDown">
                                        <cmd:EventToCommand Command="{Binding AddShapeCommand}" PassEventArgsToCommand="True"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                            </Canvas>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ItemsControl.ItemContainerStyle>
                        <Style>
                            <Setter Property="Canvas.Left" Value="{Binding X}"/>
                            <Setter Property="Canvas.Top" Value="{Binding Y}"/>
                        </Style>
                    </ItemsControl.ItemContainerStyle>
                </ItemsControl>
            </Grid>
        </UserControl>
    </Grid>



Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
public class ShellViewModel : ViewModelBase
    {
        
        public bool IsShape { get; set; }
        public ObservableCollection<GraphElement> GraphCollection { get; set; }

        private RelayCommand<GraphElement> _editShapeCommand;

        public RelayCommand<GraphElement> EditShapeCommand
        {
            get { return _editShapeCommand ?? (_editShapeCommand = new RelayCommand<GraphElement>(EditShape)); }
        }

        private void EditShape(GraphElement i)
        {
            IsShape = true;
            i.EditMode = !i.EditMode;
        }

        private RelayCommand<object> _addShapeCommand;

        public RelayCommand<object> AddShapeCommand
        {
            get { return _addShapeCommand ?? (_addShapeCommand = new RelayCommand<object>(AddShape)); }
        }

        private void AddShape(object param)
        {
            if (IsShape)
            {
                IsShape = false;
                return;
            }
            var mouseButtonEventArgs = param as MouseButtonEventArgs;
            if (mouseButtonEventArgs == null) return;
            var point = mouseButtonEventArgs.GetPosition((UIElement)mouseButtonEventArgs.OriginalSource);

            if (mouseButtonEventArgs.ClickCount == 2)
            {
                var graph = new GraphElement() { X = point.X, Y = point.Y };
                GraphCollection.Add(graph);
            }
        }

        public ShellViewModel()
        {
            GraphCollection = new ObservableCollection<GraphElement>();
        }
    }



Флаг IsShape был добавлен, так как Canvas ловит нажатия мыши независимо от того где находится курсор мыши, в пустом пространстве или на Label. Вопрос: можно ли избавится как нибудь от этого флага? Если можно, то куда копать?

П.С. Обоснованная критика кода приветствуется.
...
Рейтинг: 0 / 0
События в Canvas и элементах на ней
    #37692297
unknownfromrus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Гед,

Если я правильно тебя понимаю, ты хочешь то событие, которое должно возникнуть в Canvas - пусть оно обрабатывается, а то событие, которое возникло в другом элементе (который сидит в Canvas) не должно обрабатываться в Canvas, так?
Если да, то тебе непременно надо познакомиться с пузырьковыми и туннельными событиями в WPF.
Короче при желании ты можешь в Canvas отлавливать событие - и если источником события будет не Canvas (а например кнопка) то не обрабатывать это событие в Canvas - путем установки Handled в true
...
Рейтинг: 0 / 0
События в Canvas и элементах на ней
    #37692355
Гед
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
unknownfromrus,

Да все совершенно верно, событие, которое возникло в другом элементе (который сидит в Canvas) не должно обрабатываться в Canvas. Загвоздка в том что, используется паттерн MVVM и команды обрабатываются в ViewModel. Возможно есть путь решения в этом случае (не считая ввода флага)?
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / WPF, Silverlight [игнор отключен] [закрыт для гостей] / События в Canvas и элементах на ней
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]