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 イベントも発生しますが、その後、使用する DataTemplateSelectedtor に問題があります。

どんな手掛かり？

問題を示すために、サンプル プロジェクト ( http://sdrv.ms/V2OpfE ) を作成しました。

4

0 に答える 0