Question

我是C＃的新手，因此，我尝试在WPF中创建一个简单的滑动功能，如果我向左或向右滑动，它将转到另一个wpf窗口。请帮我！我在网上找不到很多资源。

所以我的问题是如何在wpf应用程序中使用鼠标滑动，以便我可以使用鼠标滑动在页面/窗口之间切换。

我只是想像图像轮播一样。到目前为止，我一直关注此WPF image swipe to change image like in iOS 但是，它不会滑动，而是在移动鼠标时放大和缩小。

Answer 1

我正在使用Pages，但您也可以使用window。

1st。创建两个页面LeftPage.xaml和RightPage.Xaml 然后将代码添加到MainWindow.xaml和MainWindows.xaml.cs

XAML

MainWindow

<Window x:Class="SOWPF.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"        
    xmlns:local="clr-namespace:SOWPF"
    mc:Ignorable="d" 
    Title="MainWindow" Height="450" Width="800"
    MouseDown="Window_MouseDown" MouseMove="Window_MouseMove">
<Grid>
    <Frame x:Name="MainFrame" NavigationUIVisibility="Hidden" />
</Grid>

C＃

public partial class MainWindow : Window
{
    protected Point SwipeStart;
    public MainWindow()
    {
        InitializeComponent();
        MainFrame.Source = new Uri("LeftPage.xaml", UriKind.RelativeOrAbsolute);
    }

    private void Window_MouseDown(object sender, MouseEventArgs e)
    {
        SwipeStart = e.GetPosition(this);
    }

    private void Window_MouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
            var Swipe = e.GetPosition(this);                

            //Swipe Left
            if (SwipeStart != null && Swipe.X > (SwipeStart.X + 200))
            {
                // OR Use Your Logic to switch between pages.
                MainFrame.Source = new Uri("LeftPage.xaml", UriKind.RelativeOrAbsolute);
            }

            //Swipe Right
            if (SwipeStart != null && Swipe.X < (SwipeStart.X - 200))
            {
                // OR Use Your Logic to switch between pages.
                MainFrame.Source = new Uri("RightPage.xaml", UriKind.RelativeOrAbsolute);
            }
        }
        e.Handled = true;
    }
}

Answer 2

我创建了一个Behavior，以便可以完成整个过程而无需任何后面的代码。使用Behavior的好处是，您可以在解决方案中的任何地方重复使用它，对其进行单元测试以确保它可以按需运行或扩展其功能。

主窗口

<Window x:Class="TestWpfApplication.MainWindowView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:testWpfApplication="clr-namespace:TestWpfApplication"
        mc:Ignorable="d"
        Title="MainWindow" 
        Height="450" 
        Width="800">

    <i:Interaction.Behaviors>
        <testWpfApplication:SwipeBehavior TargetContentControl="{Binding ElementName=MainContentControl}" LeftUserControl="{Binding Path=LeftControl}" RightUserControl="{Binding Path=RightControl}" />
    </i:Interaction.Behaviors>

    <Grid>
        <ContentControl Name="MainContentControl" />
    </Grid>
</Window>

后面的主窗口代码

using System.Windows;

namespace TestWpfApplication
{
    public partial class MainWindowView : Window
    {
        private readonly MainWindowViewModel _mainWindowViewModel = new MainWindowViewModel();

        public MainWindowView()
        {
            InitializeComponent();

            DataContext = _mainWindowViewModel;
        }
    }
}

滑动行为

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Interactivity;

namespace TestWpfApplication
{
    public class SwipeBehavior : Behavior<Window>
    {
        public static readonly DependencyProperty TargetContentControlProperty = DependencyProperty.RegisterAttached("TargetContentControl", typeof(ContentControl), typeof(SwipeBehavior), new UIPropertyMetadata(null));

        public static readonly DependencyProperty LeftUserControlProperty = DependencyProperty.RegisterAttached("LeftUserControl", typeof(UserControl), typeof(SwipeBehavior), new UIPropertyMetadata(null));

        public static readonly DependencyProperty RightUserControlProperty = DependencyProperty.RegisterAttached("RightUserControl", typeof(UserControl), typeof(SwipeBehavior), new UIPropertyMetadata(null));

        public static ContentControl GetTargetContentControl(DependencyObject dependencyObject)
        {
            return (ContentControl) dependencyObject.GetValue(TargetContentControlProperty);
        }

        public static void SetTargetContentControl(DependencyObject dependencyObject, ContentControl value)
        {
            dependencyObject.SetValue(TargetContentControlProperty, value);
        }

        public static ContentControl GetLeftUserControl(DependencyObject dependencyObject)
        {
            return (UserControl) dependencyObject.GetValue(LeftUserControlProperty);
        }

        public static void SetLeftUserControl(DependencyObject dependencyObject, UserControl value)
        {
            dependencyObject.SetValue(LeftUserControlProperty, value);
        }

        public static ContentControl GetRightUserControl(DependencyObject dependencyObject)
        {
            return (UserControl) dependencyObject.GetValue(RightUserControlProperty);
        }

        public static void SetRightUserControl(DependencyObject dependencyObject, UserControl value)
        {
            dependencyObject.SetValue(RightUserControlProperty, value);
        }

        private Point _swipeStart;

        protected override void OnAttached()
        {
            base.OnAttached();
            AssociatedObject.MouseDown += OnMouseDown;
            AssociatedObject.MouseMove += OnMouseMove;
        }

        private void OnMouseDown(object sender, MouseButtonEventArgs e)
        {
            _swipeStart = e.GetPosition(AssociatedObject);
        }

        private void OnMouseMove(object sender, MouseEventArgs e)
        {
            var targetContentControl = GetValue(TargetContentControlProperty) as ContentControl;

            if (targetContentControl == null)
            {
                return;
            }

            if (e.LeftButton == MouseButtonState.Pressed)
            {
                var swipe = e.GetPosition(AssociatedObject);                

                //Swipe Left
                if (swipe.X > (_swipeStart.X + 200))
                {
                    // OR Use Your Logic to switch between pages.
                    targetContentControl.Content = new LeftControl();
                }

                //Swipe Right
                if (swipe.X < (_swipeStart.X - 200))
                {
                    // OR Use Your Logic to switch between pages.
                    targetContentControl.Content = new RightControl();
                }
            }

            e.Handled = true;
        }
    }
}

主窗口视图模型

using System.Windows.Controls;

namespace TestWpfApplication
{
    internal class MainWindowViewModel
    {
        public UserControl LeftControl { get; } = new LeftControl();

        public UserControl RightControl { get; } = new RightControl();
    }
}

注意：在此示例中，LeftControl和RightControl是WPF用户控件。另外，您必须在项目中引用System.Window.Interactivity才能使用Behavior类

如何使用鼠标在WPF中创建左右滑动？

2 个答案: