How to override the onTouchUp in the user control which can be used to fire the event not only on this user control, but whole application

Question

 I am a new to the C# and WPF. Right now, I want to override onTouchUp event in my user control. Then I can add user control in
the references for reuse. The problem is each time I want to test this event on the application, the event only fire at area of user control, not whole screen. Anyone has solution for this?

Answer 1

You cannot just add a UserControl to a window and expect its OnTouchUp method to get invoked when a TouchUp event occurs outside of the user control. That is not how routed events work.
The OnTouchUp method of the UserControl will only be invoked when a TouchUp event occurs from within the UserControl.
The event will indeed bubble up to the parent elements of the UserControl and you could for example handle the event in the parent window:
<Window x:Class="WpfApplicationSlider.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" TouchUp="Window_TouchUp">
The OnTouchUp method of the UserControl will however never get invoked when you touch an element outside of the UserControl because an event only travels between the source element and the handler(s). This is how routed events work.
If you want a "global" TouchUp event handler you should override the OnTouchUp of the top-level
window:
public partial class MainWindow : Window
public MainWindow()
InitializeComponent();
protected override void OnTouchUp(TouchEventArgs e)
base.OnTouchUp(e);
//do your thing...
If you want to be able to reuse the functionality across all of your windows in case you have several you could for example create an abstract window class and make all your windows inherit from this one:
namespace WpfApplication1
public abstract class BaseWindow : System.Windows.Window
protected override void OnTouchUp(System.Windows.Input.TouchEventArgs e)
base.OnTouchUp(e);
//do your thing...
MainWindow:
public partial class MainWindow : BaseWindow
public MainWindow()
InitializeComponent();
<local:BaseWindow x:Class="WpfApplicationSlider.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfApplication1"
Title="MainWindow" Height="350" Width="525">
</local:BaseWindow>
Hope that helps.
Please remember to mark helpful posts as answer to close your threads and please start a new thread if you have a new question.