Touch Events in .NET MAUI

Question

Touch Events in .NET MAUI

Yusuf 791

Hi
I'm working on a piano keyboard app in .NET MAUI, and I'm encountering an issue with implementing a specific feature. I want users to be able to slide their finger across the keys, triggering a note for each key they pass over. However, I'm only able to detect touch when the user taps on a key, not when they slide their finger across it. Previously, I used a this article for guidance while working on Xamarin, but it's not proving helpful now.
Silent Keyboard
And I used to get the following error:
System.InvalidOperationException: 'No service for type 'Microsoft.Maui.Controls.Hosting.EffectsFactory' has been registered.'
How can the issue be solved? Are there simpler techniques available in .NET MAUI?
Thanks!

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-10T07:46:05.71+00:00

I have a quick look for the link you mentioned, it's an official Xamarin effect sample. You could reuse Xamarin.Forms effects in .NET MAUI apps, see Reuse effects in .NET MAUI - .NET MAUI | Microsoft Learn

It's not clear how you added the effect class in you MAUI project, do you add the SilentKeyboardPage.xaml directly? How do you add the TouchTrackingEffect.iOS and TouchTrackingEffect.Android? Would you mind sharing some code snippets and the steps that I can reproduce the issue?
Yusuf 791 Reputation points

2024-05-11T10:24:38.2333333+00:00

Thank you @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) for your response!
Here is the project link: https://github.com/devenv2/MauiApp1"
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-14T09:31:13.4+00:00

On which platform do you have the problem?

I view the demo you provided, there are not TouchTrackingEffect.iOS/TouchEffect.cs and TouchTrackingEffect.Droid/TouchEffect.cs, are you missing these classes?

At the same time, you didn't register the effect in MAUI, please see Reuse effects in .NET MAUI - .NET MAUI | Microsoft Learn

(TouchTrackingEffect.UWP/TouchEffect.cs is missed as well, MAUI uses WinUI3 instead of UWP on Windows platform)
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-18T06:06:48.8666667+00:00

I have not heard from you for a couple of days. Please let me know if there is anything that I can help here.
Yusuf 791 Reputation points

2024-05-19T00:14:03.88+00:00

Thank you for the response!
I find Microsoft's example using BoxView a bit difficult. Can buttons be used instead of the BoxView element mentioned in the example? I'm using Android. Also, are there any new features in .NET 8 that facilitate this?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-20T02:17:04.27+00:00

Which example? Is it- BoxViewDemoPage? I‘m not sure what new features you need, could you describe in detail?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-20T03:01:34.59+00:00

It looks like the previous comment helps you, I made an answer according to it. I know you have another question about BoxView, please create a new thread for the new question so that we can focus on one question per thread to ensure each issue receives the attention it deserves. See Q&A FAQ: How to write a quality question

And you can attach the new thread link here, then we can work together to figure it out.

Accepted answer

0 additional answers

Your answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-10T07:46:05.71+00:00

I have a quick look for the link you mentioned, it's an official Xamarin effect sample. You could reuse Xamarin.Forms effects in .NET MAUI apps, see Reuse effects in .NET MAUI - .NET MAUI | Microsoft Learn

It's not clear how you added the effect class in you MAUI project, do you add the SilentKeyboardPage.xaml directly? How do you add the TouchTrackingEffect.iOS and TouchTrackingEffect.Android? Would you mind sharing some code snippets and the steps that I can reproduce the issue?
Yusuf 791 Reputation points

2024-05-11T10:24:38.2333333+00:00

Thank you @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) for your response!
Here is the project link: https://github.com/devenv2/MauiApp1"
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-14T09:31:13.4+00:00

On which platform do you have the problem?

I view the demo you provided, there are not TouchTrackingEffect.iOS/TouchEffect.cs and TouchTrackingEffect.Droid/TouchEffect.cs, are you missing these classes?

At the same time, you didn't register the effect in MAUI, please see Reuse effects in .NET MAUI - .NET MAUI | Microsoft Learn

(TouchTrackingEffect.UWP/TouchEffect.cs is missed as well, MAUI uses WinUI3 instead of UWP on Windows platform)
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-18T06:06:48.8666667+00:00

I have not heard from you for a couple of days. Please let me know if there is anything that I can help here.
Yusuf 791 Reputation points

2024-05-19T00:14:03.88+00:00

Thank you for the response!
I find Microsoft's example using BoxView a bit difficult. Can buttons be used instead of the BoxView element mentioned in the example? I'm using Android. Also, are there any new features in .NET 8 that facilitate this?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-20T02:17:04.27+00:00

Which example? Is it- BoxViewDemoPage? I‘m not sure what new features you need, could you describe in detail?
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-20T03:01:34.59+00:00

It looks like the previous comment helps you, I made an answer according to it. I know you have another question about BoxView, please create a new thread for the new question so that we can focus on one question per thread to ensure each issue receives the attention it deserves. See Q&A FAQ: How to write a quality question

And you can attach the new thread link here, then we can work together to figure it out.

Answer 1

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Microsoft External Staff

Hello,

I view the demo you provided, there are not TouchTrackingEffect.iOS/TouchEffect.cs and TouchTrackingEffect.Droid/TouchEffect.cs, please add these classes.

(Note: Any ResolutionGroupNameAttribute and ExportEffectAttribute attributes should be removed from your effect classes.)

At the same time, you didn't register the effect in MAUI, please see Reuse effects in .NET MAUI - .NET MAUI | Microsoft Learn

(TouchTrackingEffect.UWP/TouchEffect.cs is missed as well, MAUI uses WinUI3 instead of UWP on Windows platform)

Best Regards,

Wenyan Zhang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Yusuf 791 Reputation points

2024-05-21T05:46:53.8233333+00:00

Thank you @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.)
It seems I forgot to add the files TouchTrackingEffect.iOS/TouchEffect.cs and TouchTrackingEffect.Droid/TouchEffect.cs to my project. I'll add them now. Additionally, I'll remove any attributes such as ResolutionGroupNameAttribute and ExportEffectAttribute from the effect classes as you suggested.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,436 Reputation points Microsoft External Staff

2024-05-21T06:51:31.5966667+00:00

OK, if you have any other issues, please feel free to post in here.

Share via

Touch Events in .NET MAUI

0 additional answers

Your answer