[UWP] Task Editor

출처 : https://www.youtube.com/watch?v=6Fff1whO0LY

Enter를 누르면 list가 추가되고

checkbox를 선택할 수 있게 하는 to do list의 간단한 버전이다.

Library.cs

using System.Threading.Tasks; using Windows.UI.Popups; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Input; public class Library { /* public async Task<bool> Confirm(string content,string title, string ok, string cancel) { bool result = false; MessageDialog dialog = new MessageDialog(content, title); dialog.Commands.Add(new UICommand(ok, new UICommandInvokedHandler((cmd) => result = true))); dialog.Commands.Add(new UICommand(cancel, new UICommandInvokedHandler((cmd) => result = false))); await dialog.ShowAsync(); return result; } */ public void Remove(ref ListBox display) { if(display.SelectedIndex>-1) { if (display.SelectedIndex > -1) display.Items.RemoveAt(display.SelectedIndex); } } public void New(ListBox display) { display.Items.Clear(); } public void Add(ref ListBox display, string value, KeyRoutedEventArgs args) { if(args.Key == Windows.System.VirtualKey.Enter) { try { CheckBox item = new CheckBox(); item.Content = value; item.Foreground = display.Foreground; //주석을 풀면 자신이 선택한 곳 위에 새로운 list가 삽입 /* if(display.SelectedIndex>-1) { display.Items.Insert(display.SelectedIndex, item); } else {*/ //풀지 않는다면 순서대로 위에서부터 아래로 추가 display.Items.Add(item); // } } catch { } display.Focus(Windows.UI.Xaml.FocusState.Keyboard); } } }

MainPage.xaml

<Page x:Class="UWPTaskEditor.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPTaskEditor" 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.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <TextBox Grid.Row="0" Margin="20" KeyDown="TextBox_KeyDown" Name="Value"/> <ListBox Grid.Row="1" VerticalAlignment="Stretch" FontFamily="Segoe UI" FontSize="10" Name="Display"/> </Grid> <Page.BottomAppBar> <AppBar IsOpen="true" IsSticky="True"> <StackPanel Orientation="Horizontal"> <AppBarButton Name="Remove" Icon="Remove" Content="Remove" Label="Remove" Click="Remove_Click" /> <AppBarButton Name="New" Icon="Page" Content="New" Label="New" Click="New_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 UWPTaskEditor { /// <summary> /// 자체적으로 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다. /// </summary> public sealed partial class MainPage : Page { public Library lib = new Library(); public MainPage() { this.InitializeComponent(); } private void Remove_Click(object sender, RoutedEventArgs e) { lib.Remove(ref Display); } private void TextBox_KeyDown(object sender, KeyRoutedEventArgs e) { lib.Add(ref Display, Value.Text, e); } private void New_Click(object sender, RoutedEventArgs e) { lib.New(Display); } } }

결과 화면

1. 글을 쓰고 enter key를 눌렀을 때 삽입

2. to를 선택하고 remove를 눌렀을 때 삭제