WPF Style, EventSetter, 다수의 컨트롤에서 이벤트 공유, e.handled, 이벤트라우팅, WPF동영상교육, WPF학원, C#학원, 닷넷학원, 닷넷교육, C#교육, WPF교육

 WPF Style, EventSetter, 다수의 컨트롤에서 이벤트 공유, e.handled, 이벤트라우팅, WPF동영상교육, WPF학원, C#학원, 닷넷학원, 닷넷교육, C#교육, WPF교육

https://www.youtube.com/watch?v=5-5yzocgj84&list=PLxU-iZCqT52Cmj47aKB1T-SxI33YL7rYS&index=24 

https://www.youtube.com/watch?v=sTOKEenyaSI&list=PLxU-iZCqT52Cmj47aKB1T-SxI33YL7rYS&index=23 

https://www.youtube.com/watch?v=Qj26gdH651A&list=PLxU-iZCqT52Cmj47aKB1T-SxI33YL7rYS&index=22 

WPF Style

다수의 컨트롤에서 이벤트 공유

EventSetter

• Style의 EventSetter를 이용하여 이벤트에 대한 응답 핸들러 메소드를 지정할 수 있다.
• Setter가 Style의 자식중 대체로 이용 되지만 라우팅된 특정 이벤트(버튼의 Click등)의 이벤트핸들러를 설정하기 위해서는 EventSetter 엘리먼트를 이용할 수 있는데 다수의 엘리먼트에서 이벤트를 공유할 수 있다.

[실습]

아래 예제에서 3개의 버튼이 존재하는데 각 버튼은 자체적인 클릭 이벤트를 가지고 있어 클릭을 하면 그 이벤트 핸들러가 실행되고 그 이후 Style에 적용된  EventSetter가 적용되어서 빨강색 브러시가 적용되어 배경이 붉은색으로 변경이 됩니다. 하지만 Button3는 e.handled=true가 되어 이벤트 라우팅이 중단되어 EventSetter의 핸들러 메소드가 호출되지 않는다.

[MainWindow.xaml]

<Window x:Class="WpfApp6.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:WpfApp6"

        mc:Ignorable="d"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <Style TargetType="{x:Type Button}">

            <Setter Property="FontSize" Value="24" />

            <Setter Property="Background" Value="Yellow" />

            <EventSetter Event="Click" Handler="EventSetter_Click" />

        </Style>

    </Window.Resources>

    <StackPanel>       

        <Button Name="button1" Click="button_click">Button1</Button>

        <Button Name="button2" Click="button_click">Button2</Button>

        <Button Name="button3" Click="button3_click">Button3</Button>

    </StackPanel>

</Window>

[MainWindow.xaml.cs]

using System.Windows;

using System.Windows.Controls;

namespace WpfApp6

{

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        public void EventSetter_Click(object sender, RoutedEventArgs e)

        {

            Button b = e.Source as Button;

            b.Background = new SolidColorBrush(Colors.Red);

        }

        public void button_click(object sender, RoutedEventArgs e)

        {

            Button btn = e.Source as Button;

            MessageBox.Show(btn.Content + " has been clicked", Title);

        }

        public void button3_click(object sender, RoutedEventArgs e)

        {

            Button btn = e.Source as Button;

            MessageBox.Show(btn.Content + " has been clicked", Title);

            e.Handled = true;  //이벤트 라우팅 종료

        }

    }

}

https://www.youtube.com/watch?v=MGOb9QXi6So&list=PLxU-iZCqT52Cmj47aKB1T-SxI33YL7rYS&index=5 

https://www.youtube.com/watch?v=KfY6DqWtcqs&list=PLxU-iZCqT52Cmj47aKB1T-SxI33YL7rYS&index=4 

#WPFStyle, #EventSetter, #e.handled, #이벤트라우팅, #WPF동영상, #WPF, #WPF교육, #WPF강좌, #WPF강의, #WPF학원, WPFStyle, EventSetter, e.handled, 이벤트라우팅, WPF동영상, WPF, WPF교육, WPF강좌, WPF강의, WPF학원,  

[WPF교육,학원가지말고혼자해보세요~]WPF 입력 이벤트의 라우팅(RoutedEvent), Bubbling, Tunneling, 버블링, 터널링이벤트

 [WPF교육,학원가지말고혼자해보세요~]WPF 입력 이벤트의 라우팅(RoutedEvent), Bubbling, Tunneling, 버블링, 터널링이벤트

https://www.youtube.com/watch?v=jf0j3biwolk&list=PLxU-iZCqT52Cmj47aKB1T-SxI33YL7rYS&index=10&t=2s 

http://ojc.asia/bbs/board.php?bo_table=WPF&wr_id=162 

WPF 입력 이벤트의 라우팅(RoutedEvent), Bubbling, Tunneling, 버블링, 터널링이벤트

WPF 입력 이벤트의 라우팅(RoutedEvent), Bubbling, Tunneling, 버블링, 터널링이벤트이벤트 라우팅은 “어떤 이벤트가 엘리먼트의 하위 또는 상위로 전달되는 것”을 이야기 하며 WPF에서 광범위하게 이용

ojc.asia

• 이벤트 라우팅은 “어떤 이벤트가 엘리먼트의 하위 또는 상위로 전달되는 것”을 이야기 하며 WPF에서 광범위하게 이용되는 방법이다.
• 이벤트 라우팅은 세가지로 분류할 수 있는데 이벤트가 발생했을 때 현재 엘리먼트에서 상위로 올라가면서 이벤트가 전달되는 경우를 버블링 이벤트(Bubbleing Event)라고 하고 반대로 자식 엘리먼트로 전달되는 경우를 터널링(Tunneling Event) 이벤트라고 한다. 하나의 엘리먼트에서만 발생하게 된다면 다이렉트 이벤트(Direct Event)라고 한다. 터널링 이벤트의 경우 접두사로 preview를 붙인다. PreviewMouseDown, PreviewDragDown 등으로 쓰여지는 것들을 Tunneling 이벤트라고 이해하면 된다.
• 터널링 이벤트는 최상위 부모 이벤트부터 자기자신까지 이벤트가 진행되는 것인데, 이벤트가 자식 요소에게 전달되기 전에 부모의 이벤트가 먼저 호출되므로 부모 이벤트가 먼저 호출할 수 있는 기회를 제공한다. 자식의 이벤트 발생을 막거나 자식이벤트 처리 전에 부모 요소가 무엇인가 수행할 필요가 있는 경우에 유용한다.

 

• 이벤트 핸들러 메소드는 RoutedEventArgs 매개변수를 가지는데 Source 속성을 통해 실제 이벤트를 발생시킨 요소에 대한 참조를 제공한다. 이 속성은 여러 요소에서 발생한 이벤트를 동일한 방법으로 처리하고자 할 때 특히 유용하다.

<Border Height="50" Width="300" BoderBrush="Gray" BorderThickness="1">

  <StackPanel Background="LightGray" Orientation="Horizontal" Button.Click="CommonClickHandler">

    <Button Name="YesButton" Width="Auto" >Yes</Button>

    <Button Name="NoButton" Width="Auto" >No</Button>

    <Button Name="CancelButton" Width="Auto" >Cancel</Button>

  </StackPanel>

</Border>

private void CommonClickHandler(object sender, RoutedEventArgs e)

{

  FrameworkElement feSource = e.Source as FrameworkElement;

  switch (feSource.Name)

  {

    case "YesButton":

      // do something here ...

      break;

    case "NoButton":

      // do something ...

      break;

    case "CancelButton":

      // do something ...

      break;

  }

  e.Handled=true;

}

 

• WPF의 라우팅된 이벤트에서 object sender는 이벤트를 등록한 객체(이벤트 발생객체 아님), RoutedEventArgs의 Source 속성은 실제 이벤트를 발생시킨 객체를 의미한다.
• WPF의 이벤트 라우팅 모델은 자동으로 이벤트를 상위 객체로 라우팅 시켜준다.

• 비주얼 스튜디오 -> WPF 응용프로그램 , 프로젝트명 : EventRoutingTest
• MainWindow.xaml

 

<Window x:Class = "WPFRoutedEvents.MainWindow" 

   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 

   Title = "MainWindow" Height = "450" Width = "604" 

   ButtonBase.Click  = "Window_Click" >

    <Grid>

        <StackPanel Margin = "20" ButtonBase.Click = "StackPanel_Click">

            <StackPanel Margin = "10">

                <TextBlock Name = "txt1" FontSize = "18" Margin = "5" Text = "This is a TextBlock 1" />

                <TextBlock Name = "txt2" FontSize = "18" Margin = "5" Text = "This is a TextBlock 2" />

                <TextBlock Name = "txt3" FontSize = "18" Margin = "5" Text = "This is a TextBlock 3" />

            </StackPanel>

            <Button Margin = "10" Content = "Click me" Click = "Button_Click" Width = "80"/>

        </StackPanel>

    </Grid>

</Window>

 

• MainWindow.xaml.cs

 

using System.Windows;

namespace WPFRoutedEvents

{

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            txt1.Text = "Button is Clicked";

        }

        private void StackPanel_Click(object sender, RoutedEventArgs e)

        {

            txt2.Text = "Click event is bubbled to Stack Panel";

        }

        private void Window_Click(object sender, RoutedEventArgs e)

        {

            txt3.Text = "Click event is bubbled to Window";

        }

    }

}

 

Button, StackPanel, Window의 Click 이벤트는 모두 첫 번째 인자는 이벤트 퍼블리셔를 가리키는 object 타입을, 두 번째 인자로 System.Windows.RoutedEventArgs 타입의 인자로 전달하게 된다. 

 

예제에서 버튼을 클릭시 클릭 이벤트가 버블링 되어 상위 객체로 라우팅 된다. 즉 버튼 클릭 이벤트 실행 -> 스택 패널 클릭 이벤트 실행 -> 윈도우 클릭 이벤트 순서로 된다.

 

• 실행화면 

 

 

• 상위 객체로 라우팅 되는 것을 막으려면 RoutedEventArgs의 Handled 속성을 true로 설정하면 된다. 버튼 클릭 이벤트에 “e.Handled = true” 라고 하면 버튼까지만, 스택 패널 클릭 이벤트에 “e.Handled = true” 라고 한다면 스택 패널 까지만 이벤트가 전달된다.
• Preview 이벤트에 Handled 속성을 지정하면 Preview 이벤트의 터널링이 중단될 뿐만아니라 버블링 이벤트의 발생도 중단 됩니다.

 

private void StackPanel_Click(object sender, RoutedEventArgs e) { 

   txt2.Text = "Click event is bubbled to Stack Panel"; 

   e.Handled = true; 

}

 

 

• 이번에는 Tunneling Event에 대해 실습을 해보자.
• MainWindow.xaml

<Window x:Class="EventRoutingTest.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Events Demo" Height="215" Width="343" 

        PreviewMouseDown="Window_PreviewMouseDown">

    <StackPanel Height="120" HorizontalAlignment="Center" 

                    VerticalAlignment="Center" Width="200" 

                    Background="Transparent"                     

                    PreviewMouseDown="StackPanel_PreviewMouseDown">

            <Border Margin="20" Padding="5" Background="LightYellow" 

          BorderBrush="SteelBlue" BorderThickness="3,5,3,5" CornerRadius="3"

          VerticalAlignment="Top">

                <Button  Margin ="20" Height="50" Width="50"

                     PreviewMouseDown="Button_PreviewMouseDown"/>

            </Border>

        </StackPanel></Window>

 

• MainWindow.xaml.cs

using System.Windows;

namespace EventRoutingTest

{

    public partial class MainWindow : Window

    {

        string mouseActivity = string.Empty;

        public MainWindow()

        {

            InitializeComponent();

        }

        private void Button_PreviewMouseDown(object sender, RoutedEventArgs e)

        {

            mouseActivity = "PreviewMouseDown Button \n";

            MessageBox.Show(mouseActivity);

        }

         private void StackPanel_PreviewMouseDown(object sender, RoutedEventArgs e)

        {

            mouseActivity = "PreviewMouseDown StackPanel \n";

            MessageBox.Show(mouseActivity);

        }

        private void Window_PreviewMouseDown(object sender, System.Windows.Input.MouseButtonEventArgs e)

        {

            mouseActivity = "PreviewMouseDown Window \n";

            MessageBox.Show(mouseActivity);

        }

    }

}

 

• 실행화면

• Window -> StackPanel -> Button의 구조를 가지며 터널링 이벤트는 이벤트명 앞에 Peview가 붙는다.
• 만약 버튼에서 클릭하면 Window -> StackPanel -> Button의 PreviewMouseDown 이벤트가 호출되고 StackPanel에서 클릭하면 Window -> StackPanel의 PreviewMouseDown 이벤트가 호출된다. 즉 최상위 객체에서 클릭한 객체까지 이벤트가 내려가면서 라우팅 된다.

#WPF동영상, #WPF이벤트, #이벤트라우팅, #WPF이벤트라우팅, #터널링이벤트, #버블링이벤트, #WPF교육, #WPF강의

WPF동영상, WPF이벤트, 이벤트라우팅, WPF이벤트라우팅, 터널링이벤트, 버블링이벤트, WPF교육, WPF강의