Xamarin.Forms — определение координат нажатия на экран

Ссылка на github

Некоторые элементы управления в приложении могут реагировать на жесты - например кнопки, CollectionView, выезжающее сбоку меню у FlyoutPage. Ещё есть распознаватели жестов (GestureRecognizers), которые можно добавить элементам управления, не умеющим реагировать на касания. Можно использовать эффекты (Effects) - Invoking Events from Effects.

Но иногда надо узнать о касании в любом месте экрана и координаты этого касания. Например, для рисования пальцем или для написания пользовательских элементов управления. На андроид и iOS есть способ это сделать при помощи DependencyService. Это странно, но часть такого полезного и можно сказать базового функционала надо писать самому или покупать (https://www.mrgestures.com/).

Если хотите покороче, то ссылка на код вверху статьи. А далее будет более длинный вариант с объяснениями.

На мульти-тач экранах одновременных касаний может быть несколько. В данном примере берётся только первое из них. Как обрабатывать несколько одновременно написано здесь: Multi-Touch Finger Tracking.

Итак, нам понадобятся:

В кроссплатформенном проекте:

• интерфейс для DependencyService - IGlobalTouch.cs

• TouchEventArgs.cs для передачи данных из андроид/iOS

В андроид-проекте:

• GlobalTouch.cs

• дополнить MainActivity.cs

В iOS-проекте:

• GlobalTouch.cs

• TouchCoordinatesRecognizer.cs

• правки в AppDelegate.cs

Поэкспериментировав, добавил кроме самого определения координат нажатия еще несколько полезных для этой задачи методов:

• получение координат того view на который нажали (GetPosition);

• получение размера SafeArea для iOS (GetSafeAreaTop / GetSafeAreaBottom);

• получение размера панели навигации (GetNavBarHeight).

Они все пригодятся для расчётов при нажатии.

Кроссплатформенный проект

Здесь нужен интерфейс IGlobalTouch для DependencyService и класс-наследник EventArgs с дополнительным свойством для передачи координат.

public interface IGlobalTouch
{
    void Subscribe(EventHandler handler);
    void Unsubscribe(EventHandler handler);
    Point GetPosition(VisualElement element);
    double GetSafeAreaTop();
    double GetSafeAreaBottom();
    int GetNavBarHeight();
}

public class TouchEventArgs<T> : EventArgs
{
    public T EventData { get; private set; }
    public TouchEventArgs(T EventData)
    {
        this.EventData = EventData;
    }
}

Android

MainActivity.cs:

В классе MainActivity два изменения: EventHandler для события изменения координат и переопределить метод DispatchTouchEvent. Координаты здесь сразу делятся на DeviceDisplay.MainDisplayInfo.Density чтобы в кроссплатформенный проект приходили одинаковые с андроида и iOS.

public EventHandler globalTouchHandler;

public override bool DispatchTouchEvent(MotionEvent e)
{
    var d = DeviceDisplay.MainDisplayInfo.Density;
    globalTouchHandler?.Invoke(null, new TouchEventArgs<Point>(new Point(e.GetX() / d, e.GetY() / d)));
    return base.DispatchTouchEvent(e);
}

Также о нажатии на View в андроиде можно узнать, если создать свой View и переопределить метод OnTouchEvent или если подписаться на событие Touch этого View.

GlobalTouch.cs:

В реализации IGlobalTouch даём подписаться/отписаться на нажатие и вспомогательные методы. SafeArea это про айфон, поэтому здесь нули.

public class GlobalTouch : IGlobalTouch
{
    public void Subscribe(EventHandler handler) => 
        (Platform.CurrentActivity as MainActivity).globalTouchHandler += handler;

    public void Unsubscribe(EventHandler handler) => 
        (Platform.CurrentActivity as MainActivity).globalTouchHandler -= handler;

    public Point GetPosition(VisualElement element)
    {
        var d = DeviceDisplay.MainDisplayInfo.Density;
        var view = Xamarin.Forms.Platform.Android.Platform.GetRenderer(element).View;
        return new Point(view.GetX() / d, view.GetY() / d);
    }

    public double GetSafeAreaBottom() => 0;

    public double GetSafeAreaTop() => 0;

    public int GetNavBarHeight()
    {
        var d = DeviceDisplay.MainDisplayInfo.Density;
        int statusBarHeight = -1;
        int resourceId = Platform.CurrentActivity.Resources.GetIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0)
        {
            statusBarHeight = Platform.CurrentActivity.Resources.GetDimensionPixelSize(resourceId);
        }
        return (int)(statusBarHeight / d);
    }
}

iOS

На iOS можно узнать о нажатии на UIView если создать свой UIView и переопределить в нём методы TouchesBegan, TouchesMoved, TouchesEnded и TouchesCancelled. А также эти методы есть в UIGestureRecognizer, чем мы и воспользуемся, создав свой и добавив его к UIApplication.KeyWindow

TouchCoordinatesRecognizer.cs

public class TouchCoordinatesRecognizer : UIGestureRecognizer
{
    public override void TouchesBegan(NSSet touches, UIEvent evt)
    {
        base.TouchesBegan(touches, evt);
        SendCoords(touches);
    }

    public override void TouchesMoved(NSSet touches, UIEvent evt)
    {
        base.TouchesMoved(touches, evt);
        SendCoords(touches);
    }

    public override void TouchesEnded(NSSet touches, UIEvent evt)
    {
        base.TouchesEnded(touches, evt);
        SendCoords(touches);
    }

    public override void TouchesCancelled(NSSet touches, UIEvent evt)
    {
        base.TouchesCancelled(touches, evt);
        SendCoords(touches);
    }

    void SendCoords(NSSet touches)
    {
        foreach (UITouch touch in touches.Cast<UITouch>())
        {
            var window = UIApplication.SharedApplication.KeyWindow;
            var vc = window.RootViewController;

            AppDelegate.Current.globalTouchHandler?.Invoke(null,
                new TouchEventArgs<Point>(
                    new Point(
                        touch.LocationInView(vc.View).X,
                        touch.LocationInView(vc.View).Y)));
            return;
        }
    }
}

AppDelegate.cs

Затем в классе AppDelegate в методе FinishedLaunching добавить его к "главному" представлению UIApplication.KeyWindow:

public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate, IUIGestureRecognizerDelegate
{
    public static AppDelegate Current { get; private set; }
    public EventHandler globalTouchHandler;

    public override bool FinishedLaunching(UIApplication app, NSDictionary options)
    {
        Current = this;

        global::Xamarin.Forms.Forms.Init();
        LoadApplication(new App());
        var res = base.FinishedLaunching(app, options);
        app.KeyWindow.AddGestureRecognizer(new TouchCoordinatesRecognizer());
        return res;
    }
}

Использовать можно так:

service = DependencyService.Get<IGlobalTouch>();
DependencyService.Get<IGlobalTouch>().Subscribe((sender, e) =>
{
    var touchPoint = (e as TouchEventArgs<Point>).EventData;
    var touchX = touchPoint.X;
    var touchY = touchPoint.Y;

    var viewPosition = service.GetPosition(this);
    var navBarHeight = service.GetNavBarHeight();
    var viewX = viewPosition.X;
    var viewY = viewPosition.Y + navBarHeight;

    if (touchX >= viewX && touchX <= viewX + Width
    && touchY >= viewY && touchY <= viewY + Height)
    {
        item.TranslationX = touchPoint.X - screenWidth / 2;
    }
});

В сочетании с TouchEffect из Xamarin.CommunityToolkit уже можно реализовать более сложное поведение чем доступно по умолчанию. В демке на гитхабе, например, заготовка для своего CarouselView.

Немного громоздко, да, согласен. Но столкнулся в очередной раз с тем что шаг влево - шаг вправо и стандартные контролы не позволяют сделать элементарных вещей - определить, что пользователь закончил взаимодействие или задать направление вращения CollectionView итп. Также сейчас актуален вопрос перехода на .net maui и обнаруживается, что многие удобные элементы управления были взяты из когда-то популярных nuget-ов и авторами больше не поддерживаются. Поэтому приходится некоторые заменять.