[C#/MAUI/.NET6] SwipeGestureRecognizer 클래스 : Swiped 이벤트를 사용해 스와이프 처리하기

TestProject.zip

0.15MB

▶ SwipeContentView.cs

namespace TestProject;

/// <summary>
/// 스와이프 컨텐트 뷰
/// </summary>
public class SwipeContentView : ContentView
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Event
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 스와이프시 - Swipe

    /// <summary>
    /// 스와이프시
    /// </summary>
    public event EventHandler<SwipedEventArgs> Swipe;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - SwipeContentView()

    /// <summary>
    /// 생성자
    /// </summary>
    public SwipeContentView()
    {
        GestureRecognizers.Add(GetSwipeGestureRecognizer(SwipeDirection.Left ));
        GestureRecognizers.Add(GetSwipeGestureRecognizer(SwipeDirection.Right));
        GestureRecognizers.Add(GetSwipeGestureRecognizer(SwipeDirection.Up   ));
        GestureRecognizers.Add(GetSwipeGestureRecognizer(SwipeDirection.Down ));
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 스와이프 제스처 인식기 구하기 - GetSwipeGestureRecognizer(direction)

    /// <summary>
    /// 스와이프 제스처 인식기 구하기
    /// </summary>
    /// <param name="direction">방향</param>
    /// <returns>스와이프 제스처 인식기</returns>
    private SwipeGestureRecognizer GetSwipeGestureRecognizer(SwipeDirection direction)
    {
        SwipeGestureRecognizer recognizer = new SwipeGestureRecognizer { Direction = direction };

        recognizer.Swiped += (sender, e) => Swipe?.Invoke(this, e);

        return recognizer;
    }

    #endregion
}

 

728x90

 

▶ MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <local:SwipeContentView x:Name="swipeContentView"
        HorizontalOptions="Center"
        VerticalOptions="Center">
        <BoxView
            WidthRequest="300"
            HeightRequest="300"
            Color="Teal" />
    </local:SwipeContentView>
</ContentPage>

 

300x250

 

▶ MainPage.xaml.cs

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        this.swipeContentView.Swipe += swipeContentView_Swipe;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 스와이프 컨텐트 뷰 스와프시 처리하기 - swipeContentView_Swipe(sender, e)

    /// <summary>
    /// 스와이프 컨텐트 뷰 스와프시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void swipeContentView_Swipe(object sender, SwipedEventArgs e)
    {
        await DisplayAlert("정보", $"{e.Direction}", "확인");
    }

    #endregion
}