Touch Events in .NET MAUI

Yusuf 691

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.) 26,946 Reputation points Microsoft Vendor

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 691 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.) 26,946 Reputation points Microsoft Vendor

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.) 26,946 Reputation points Microsoft Vendor

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 691 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.) 26,946 Reputation points Microsoft Vendor

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.) 26,946 Reputation points Microsoft Vendor

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.

1 answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,946 Reputation points Microsoft Vendor

2024-05-20T02:41:40.5366667+00:00

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.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Share via

Touch Events in .NET MAUI

1 answer