성태의 닷넷 이야기
홈 주인
모아 놓은 자료
프로그래밍
질문/답변
사용자 관리
사용자
메뉴
아티클
외부 아티클
유용한 코드
온라인 기능
MathJax 입력기
최근 덧글
[정성태] Working with Rust Libraries from C#...
[정성태] Detecting blocking calls using asyn...
[정성태] 아쉽게도, 커뮤니티는 아니고 개인 블로그입니다. ^^
[정성태] 질문이 잘 이해가 안 됩니다. 우선, 해당 소스코드에서 ILis...
[양승조
] var대신 dinamic으로 선언해서 해결은 했습니다. 맞는 해...
[양승조
] 또 막혔습니다. ㅠㅠ var list = props[i].Ge...
[양승조
] 아. 감사합니다. 어제는 안됐던것 같은데....정신을 차려야겠네...
[정성태] "props[i].GetValue(props[i])" 코드에서 ...
[정성태] 저렇게 조각 코드 말고, 실제로 재현이 되는 예제 프로젝트를 압...
[정성태] Modules 창(Ctrl+Shift+U)을 띄워서, 해당 Op...
글쓰기
제목
이름
암호
전자우편
HTML
홈페이지
유형
제니퍼 .NET
닷넷
COM 개체 관련
스크립트
VC++
VS.NET IDE
Windows
Team Foundation Server
디버깅 기술
오류 유형
개발 환경 구성
웹
기타
Linux
Java
DDK
Math
Phone
Graphics
사물인터넷
부모글 보이기/감추기
내용
<div style='display: inline'> <h1 style='font-family: Malgun Gothic, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>왜? Button 컨트롤에는 MouseDown/MouseUp 이벤트가 발생하지 않을까요?</h1> <p> <br /> 마침, 질문해 주신 분도 있고 ^^<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > Mouse이벤트 관련해서 질문있습니다. ; <a target='tab' href='http://www.sysnet.pe.kr/3/0/983'>http://www.sysnet.pe.kr/3/0/983</a> </pre> <br /> 오랜만에 WPF에 대한 감각도 되찾을 겸 ^^ 살펴보았답니다.<br /> <br /> 질문의 요지는, WPF의 "Button" 컨트롤에 MouseDown/MouseUp 이벤트를 걸어두었는데, 왜? 발생하지 않느냐는 것입니다.<br /> <br /> 다소 허무하긴 하지만, 검색해 보니 ^^ 금방 답이 나오더군요.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > MouseDown event not working WPF ; <a target='tab' href='http://social.msdn.microsoft.com/Forums/eu/wpf/thread/61807025-d4c4-41e0-b648-b11183065009'>http://social.msdn.microsoft.com/Forums/eu/wpf/thread/61807025-d4c4-41e0-b648-b11183065009</a> </pre> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > Here MouseDown is a bubbling event so it will be fired only when it won't be handled at child level. To capture the same you need to use PreviewMouseDown event which is a tunneling event. OR Paste below line in constructor of Window1 class: InitializeComponent(); AddHandler(FrameworkElement.MouseDownEvent, new MouseButtonEventHandler(Button_MouseDown), true); </pre> <br /> WPF의 이벤트 순서는 다음의 글에서 잘 설명했듯이,<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > WPF Input Events ; <a target='tab' href='https://docs.microsoft.com/en-us/dotnet/desktop/wpf/advanced/routed-events-overview#how_event_processing_works'>https://docs.microsoft.com/en-us/dotnet/desktop/wpf/advanced/routed-events-overview#how_event_processing_works</a> </pre> <br /> 제일 바깥쪽의 요소에서부터 안쪽으로 Preview... 유의 이벤트가 발생한 다음, 다시 반대로 안쪽에서부터 바깥쪽으로 Preview가 없는 이벤트가 발생합니다. 전자의 경우를 Tunneling이라고 하고, 후자의 경우를 Bubbling이라고 합니다. (이 외에, MouseEnter/Leave처럼 다른 요소로 전파되지 않는 Direct 유형이 있습니다.)<br /> <br /> 재미있는 점은, Bubbling 이벤트의 경우 해당 요소에서 "처리되었다는 표시"를 하면 더 이상 이벤트 전달을 하지 않습니다.<br /> <br /> 실제로 그런지 예제 코드를 한번 구성해 보겠습니다. 우선, WPF 프로젝트를 생성하고, TestElement라는 WPF UserControl을 하나 추가한 후 빌드를 합니다. 그럼, 도구 상자에 빌드된 "TestElement" 사용자 컨트롤이 추가되고 드래그 & 드롭으로 윈도우에 쉽게 추가할 수 있습니다.<br /> <br /> <img alt='mouse_updown_event_1.png' src='/SysWebRes/bbs/mouse_updown_event_1.png' /><br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > <Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="168" Width="297" xmlns:my="clr-namespace:WpfApplication1"> <Grid> <my:TestElement Margin="31,23,156,0" x:Name="testElement1" VerticalAlignment="Top" Height="84" <span style='color: blue; font-weight: bold'>MouseDown="testElement1_MouseDown"</span> /> </Grid> </Window> </pre> <br /> 위에 보시면, MouseDown 이벤트도 같이 걸어두었는데요. MainWindow.xaml.cs에서는 간단하게 다음과 같이 이벤트 핸들러를 작성해 줍니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void <span style='color: blue; font-weight: bold'>testElement1_MouseDown</span>(object sender, MouseButtonEventArgs e) { System.Diagnostics.Trace.WriteLine("testElement1_MouseDown"); } } </pre> <br /> 여기까지 작성하고 실행한 후, TestElement 영역에서 마우스를 클릭하면 정상적으로 MouseDown 이벤트가 발생하는 것을 Debug Output 창을 통해서 확인할 수 있습니다.<br /> <br /> 자, 이제 그럼 Bubbling을 막아볼까요?<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > <UserControl x:Class="WpfApplication1.TestElement" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:Ignorable="d" Background="Blue" <span style='color: blue; font-weight: bold'>MouseDown="UserControl_MouseDown"</span> d:DesignHeight="300" d:DesignWidth="300"> <Grid> <TextBlock Text="test" /> </Grid> </UserControl> </pre> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > public partial class TestElement : UserControl { public TestElement() { InitializeComponent(); } private void UserControl_MouseDown(object sender, MouseButtonEventArgs e) { <span style='color: blue; font-weight: bold'>e.Handled = true;</span> } } </pre> <br /> 이렇게 해주고 나면, MainWindow에서 걸어두었던 MouseDown 이벤트 핸들러는 더 이상 동작하지 않습니다. 즉, Button의 MouseDown/Up 이벤트가 발생하지 않는 것은 버튼의 특성이 아니라, 위와 같이 '마우스 이벤트를 처리했다'라고 표시해두기 때문에 일어난 상황입니다.<br /> <br /> 참고로, MouseLeftButtonDown이 MouseDown 이전에 발생하며 LeftButtonDown을 "e.Handled = true" 처리하는 경우 MouseDown도 발생하지 않도록 되어 있군요. ^^<br /> <br /> (<a target='tab' href='http://www.sysnet.pe.kr/bbs/DownloadAttachment.aspx?fid=617&boardid=331301885'>첨부된 파일은 위의 코드를 포함한 예제 프로젝트</a>입니다.)<br /> </p><br /> <br /><hr /><span style='color: Maroon'>[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]</span> </div>
첨부파일
스팸 방지용 인증 번호
1924
(왼쪽의 숫자를 입력해야 합니다.)