XAML GridView到GridView鼠标拖放与触摸

本文关键字:GridView 触摸 拖放 鼠标 XAML | 更新日期: 2023-09-27 18:13:05

这里是XAML代码,您可以在不同的GridView之间拖放GridView元素,但是,这种方法仅适用于鼠标输入,部分适用于触摸输入。

对于触摸输入,元素只有在垂直拖动时才能从GridView中"解锁"。在水平拖动时,UI尝试滚动屏幕,而不仅仅是移动GridView元素。

因此,鼠标工作完美,触摸只在初始垂直拖动时工作,在初始垂直拖动后,您可以像使用鼠标一样移动元素。这是一个Windows 8应用程序。

<Page.Resources>
        <DataTemplate x:Key="ItemTemplate1">
            <Border Background="#25BDC0">
                <Grid Width="230" Height="230" Margin="10">
                    <TextBlock Text="{Binding Title}" Style="{StaticResource HeaderTextStyle}"
                               HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Grid>
            </Border>
        </DataTemplate>
    </Page.Resources>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" Width="Auto" Height="Auto">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <GridView Grid.Column="0" ItemTemplate="{StaticResource ItemTemplate1}"
            ItemsSource="{Binding FirstCollection}"
            AllowDrop="True" CanDragItems="True" 
            DragItemsStarting="GridViewDragItemsStarting"
            Drop="GridViewDrop" Margin="10">
        </GridView>
        <GridView Grid.Column="1" ItemTemplate="{StaticResource ItemTemplate1}"
            ItemsSource="{Binding SecondCollection}"
            AllowDrop="True" CanDragItems="True" 
            DragItemsStarting="GridViewDragItemsStarting"
            Drop="GridViewDrop" Margin="10">
        </GridView>
    </Grid>

XAML GridView到GridView鼠标拖放与触摸

我偶然发现了同样的问题,并在这里找到了答案:

http://social.msdn.microsoft.com/Forums/windowsapps/en-US/7fcf8bb8-16e5-4be8-afd3-a21e565657d8/drag-and-drop-gridview-items-and-disabled-scrollbar

对于GridView,你似乎不能水平地开始拖动,你必须垂直地开始,而对于ListView,情况正好相反。

如果你想水平拖放项目你必须使用ListView。(按照MS指南的建议http://msdn.microsoft.com/en-us/library/windows/apps/hh465299.aspx)