[UWP] Drag and Drop Text

출처 : https://www.youtube.com/watch?v=D_a5_GaHyWw&index=9&list=LLrMY3C2G9ShhFi3y6GCkk1w&t=3s

Library.cs

using System; using System.Collections.Generic; using System.Collections.ObjectModel; using System.Linq; using System.Text; using System.Threading.Tasks; namespace UWPDragAndDropText { public class Item { public Guid Id { get; set; } public string Value { get; set; } } public class Library { public ObservableCollection<Item> Items = new ObservableCollection<Item>(); public void Add(string value) { Items.Add(new Item { Id = Guid.NewGuid(), Value = value }); } public void Remove(Guid guid) { if (Items.Any(a => a.Id == guid)) Items.Remove(Items.First(s => s.Id == guid)); } } }

MainPage.xaml

<Page x:Class="UWPDragAndDropText.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPDragAndDropText" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBox Grid.Row="0" Margin="20" Name="Value"/> <ListView Grid.Row="1" VerticalAlignment="Stretch" AllowDrop="True" CanReorderItems="True" Name="Display"> <ListView.ItemTemplate> <DataTemplate> <TextBlock FontFamily="Segoe UI" FontSize="16" Text="{Binding Value}"/> </DataTemplate> </ListView.ItemTemplate> </ListView> </Grid> </Grid> <Page.BottomAppBar> <AppBar IsOpen="True" IsSticky="True"> <StackPanel Orientation="Horizontal"> <AppBarButton Name="Add" Icon="Add" Label="Add" Click="Add_Click"/> <AppBarButton Name="Remove" Icon="Remove" Label="Remove" Click="Remove_Click"/> </StackPanel> </AppBar> </Page.BottomAppBar> </Page>

MainPage.xaml.cs

using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Runtime.InteropServices.WindowsRuntime; using Windows.Foundation; using Windows.Foundation.Collections; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Controls.Primitives; using Windows.UI.Xaml.Data; using Windows.UI.Xaml.Input; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Navigation; // 빈 페이지 항목 템플릿은 http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409 에 문서화되어 있습니다. namespace UWPDragAndDropText { /// <summary> /// 자체적으로 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다. /// </summary> public sealed partial class MainPage : Page { public Library library = new Library(); public MainPage() { this.InitializeComponent(); } private void Add_Click(object sender, RoutedEventArgs e) { Display.ItemsSource = library.Items; library.Add(Value.Text); } private void Remove_Click(object sender, RoutedEventArgs e) { library.Remove(((Item)Display.SelectedItem).Id); } } }

결과 화면

추가

순서 변경

삭제