Win 8中WPF listview与listBox的Drag、Drop操作

Win 8中WPF  listview与listBox的Drag、Drop操作。

基本原理是将listview中的项拖动到listBox中。

界面：

<UserControl x:Class="DragTitleToWebView.MainPage"
    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"
    mc:Ignorable="d"
    d:DesignHeight="768" d:DesignWidth="1366">
    
    <Grid x:Name="LayoutRoot" Background="#FF0C0C0C">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="5*"/>
        </Grid.ColumnDefinitions>
        <ListView Grid.Column="0" AllowDrop="True" CanDragItems="True"  CanReorderItems="True" DragItemsStarting="ListView_DragItemsStarting" >
            <ListView.Resources>
                <Style TargetType="Rectangle">
                    <Setter Property="Width" Value="100"/>
                    <Setter Property="Height" Value="100"/>
                </Style>
                </ListView.Resources>
            <Rectangle Fill="Orange"  Tag="Rect1" Width="100" Height="100"/>
            <Rectangle Fill="Orange" Tag="Rect2" Width="120" Height="120"/>
            <Rectangle Fill="Orange" Tag="Rect3" Width="140" Height="140"/>
            <Rectangle Fill="Orange" Tag="Rect4" Width="160" Height="160"/> 
        </ListView>
        <ListBox x:Name="lb" Grid.Column="1" Margin="10">
           
        </ListBox>
        <Rectangle  Margin="10" x:Name="droppanel" Opacity="0.01" Visibility="Collapsed" Grid.Column="1" AllowDrop="True" Drop="droppanel_Drop" Fill="Green"/>
    </Grid>
    
</UserControl>

　Code：

 

    using Windows.UI.Xaml.Media;
    using Windows.UI.Xaml.Shapes;
    partial class MainPage
    {
        private bool flag = false;
        public MainPage()
        {
            InitializeComponent();
        }

        private void ListView_DragItemsStarting(object sender, DragItemsStartingEventArgs e)
        {
            e.Data.SetText("t", (e.Items[0] as Rectangle).Tag.ToString());
            e.Data.SetText("width", (e.Items[0] as Rectangle).Width.ToString());
            e.Data.SetText("height", (e.Items[0] as Rectangle).Height.ToString());

            droppanel.Visibility = Windows.UI.Xaml.Visibility.Visible;
            lb.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
            if (flag)
            {
                lb.Visibility = Windows.UI.Xaml.Visibility.Visible;
            }
        }

        private void droppanel_Drop(object sender, DragEventArgs e)
        {
            string tag = e.Data.GetText("t");
            //如果已经有相同的item，则返回
            foreach (Rectangle item in lb.Items)
            {
                if (item.Tag.ToString() == tag)
                {
                    return;
                }
            }
            int width = int.Parse(e.Data.GetText("width"));
            int height = int.Parse(e.Data.GetText("height"));
            Rectangle rect = new Rectangle();
            rect.Tag = tag;
            rect.Height = height;
            rect.Width = width;
            SolidColorBrush b = new SolidColorBrush(Colors.Orange);
            rect.Fill = b;

            lb.Items.Add(rect);

            droppanel.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
            lb.Visibility = Windows.UI.Xaml.Visibility.Visible;

            flag = true;
        }
    }

如图：Win 8中是全屏，这里只是图片的一部。

参考