1

我希望能够从 ListView 中拖动一个项目,并将其放到代表 UserControls 列表的 GridView 上。

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <ListView 
            ItemsSource="{Binding}"
            VerticalAlignment="Stretch" HorizontalAlignment="Left" 
            CanReorderItems="False" CanDragItems="True"
            DragItemsStarting="DragItemsStarting">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid Width="280">
                        <TextBlock Text="{Binding}" />
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

        <Viewbox Grid.Column="1" Margin="0,20,0,0">
            <GridView x:Name="BoardGrid"
                       Width="600" Height="600">
                <GridView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapGrid MaximumRowsOrColumns="10"/>
                    </ItemsPanelTemplate>
                </GridView.ItemsPanel>
                <GridView.ItemTemplate>
                    <DataTemplate x:Name="GameBoardCellWithPieceDataTemplate">
                        <Grid Background="Green" Width="50" Height="50">
                        </Grid>
                    </DataTemplate>
                </GridView.ItemTemplate>
            </GridView>
        </Viewbox>
    </Grid>

在我创建 GridItems 背后的代码中,设置 AllowDrop 属性并将事件处理程序分配给 Drop 事件。

public MainPage()
        {
            this.InitializeComponent();

            Loaded += MainPage_Loaded;

            this.DataContext = new List<string> { "Drag String 1", "Drag String 2" };
        }

        public void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            for (var row = 0; row < 5; row++)
            {
                for (var column = 0; column < 5; column++)
                {
                    var myUserControl = new MyUserControl { AllowDrop = true };
                    myUserControl.Drop += PieceDropped;

                    BoardGrid.Items.Add(myUserControl);
                }
            }
        }

        private void DragItemsStarting(object sender, DragItemsStartingEventArgs e)
        {
            var dragItem = (string)e.Items.FirstOrDefault();

            if (dragItem == null)
                return;

            e.Data.Properties.Add("dragItem", dragItem);
        }

        private void PieceDropped(object sender, DragEventArgs e)
        {
            object sourceItem;
            e.Data.Properties.TryGetValue("dragItem", out sourceItem);
            if (sourceItem == null)
                return;
            [...]
        }

拖动行为很好,但是当我将 ListView 的一个项目放到 GridView(Item) 上时,不会触发 Drop 事件。

当我在 GridView 本身上设置 AllowDrop 时,会触发 Drop 事件。或者,当我将 UserControl 包装在 GridViewItem 中并在 GridViewItem 上设置 AllowDrop 时,也会触发 Drop 事件,但之后我使用的 DataTemplateSelecdtor 出现问题。

有什么线索吗?

我创建了一个示例项目(http://sdrv.ms/V2OpfE)来演示问题

4

0 回答 0