ShaoHua
306 lines
17 KiB
XML
306 lines
17 KiB
XML
<Window x:Class="TodoList.Views.MainWindow"
|
|
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"
|
|
xmlns:local="clr-namespace:TodoList.Views"
|
|
xmlns:models="clr-namespace:TodoList.Models"
|
|
xmlns:converters="clr-namespace:TodoList.Converters"
|
|
mc:Ignorable="d"
|
|
Title="{Binding AppVersion, StringFormat='待办事项 v{0}'}" Height="600" Width="450"
|
|
Background="#F5F5F7"
|
|
Icon="/icon.ico"
|
|
WindowStartupLocation="CenterScreen"
|
|
PreviewKeyDown="Window_PreviewKeyDown">
|
|
|
|
<Window.Resources>
|
|
<ObjectDataProvider x:Key="PriorityEnum" MethodName="GetValues"
|
|
ObjectType="{x:Type sys:Enum}"
|
|
xmlns:sys="clr-namespace:System;assembly=mscorlib">
|
|
<ObjectDataProvider.MethodParameters>
|
|
<x:Type TypeName="models:TodoPriority"/>
|
|
</ObjectDataProvider.MethodParameters>
|
|
</ObjectDataProvider>
|
|
|
|
<ObjectDataProvider x:Key="SortByEnum" MethodName="GetValues"
|
|
ObjectType="{x:Type sys:Enum}"
|
|
xmlns:sys="clr-namespace:System;assembly=mscorlib">
|
|
<ObjectDataProvider.MethodParameters>
|
|
<x:Type TypeName="models:SortBy"/>
|
|
</ObjectDataProvider.MethodParameters>
|
|
</ObjectDataProvider>
|
|
|
|
<ObjectDataProvider x:Key="SortOrderEnum" MethodName="GetValues"
|
|
ObjectType="{x:Type sys:Enum}"
|
|
xmlns:sys="clr-namespace:System;assembly=mscorlib">
|
|
<ObjectDataProvider.MethodParameters>
|
|
<x:Type TypeName="models:SortOrder"/>
|
|
</ObjectDataProvider.MethodParameters>
|
|
</ObjectDataProvider>
|
|
|
|
<Style x:Key="ModernButton" TargetType="Button">
|
|
<Setter Property="Background" Value="#007AFF"/>
|
|
<Setter Property="Foreground" Value="White"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
<Setter Property="Padding" Value="10,5"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border Background="{TemplateBinding Background}" CornerRadius="5">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Style.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter Property="Background" Value="#0062CC"/>
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
|
|
<BooleanToVisibilityConverter x:Key="BoolToVis"/>
|
|
<converters:EnumDescriptionConverter x:Key="EnumDescConverter"/>
|
|
</Window.Resources>
|
|
|
|
<!-- Force Rebuild Trigger -->
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/> <!-- Toolbar -->
|
|
<RowDefinition Height="Auto"/> <!-- Input -->
|
|
<RowDefinition Height="*"/> <!-- List -->
|
|
</Grid.RowDefinitions>
|
|
|
|
<!-- Header / Toolbar -->
|
|
<Border Grid.Row="0" Background="White" Padding="15" Effect="{DynamicResource {x:Static DropShadowEffect.ShadowDepthProperty}}">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<StackPanel Grid.Column="1" Orientation="Horizontal" Margin="10,0,15,0" VerticalAlignment="Center">
|
|
<ComboBox ItemsSource="{Binding Source={StaticResource SortByEnum}}"
|
|
SelectedItem="{Binding SortBy}"
|
|
Width="90" VerticalContentAlignment="Center" Margin="0,0,5,0">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Converter={StaticResource EnumDescConverter}}"/>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
<ComboBox ItemsSource="{Binding Source={StaticResource SortOrderEnum}}"
|
|
SelectedItem="{Binding SortOrder}"
|
|
Width="60" VerticalContentAlignment="Center">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Converter={StaticResource EnumDescConverter}}"/>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
|
|
<Button Grid.Column="2" Content="设置快捷键"
|
|
Command="{Binding OpenSettingsCommand}"
|
|
Background="Transparent" Foreground="#007AFF" Margin="0,0,15,0">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
|
|
<CheckBox Grid.Column="3" Content="显示已完成"
|
|
IsChecked="{Binding ShowCompleted}"
|
|
VerticalAlignment="Center" Foreground="#555"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- Input Area -->
|
|
<Border Grid.Row="1" Margin="15" Background="White" CornerRadius="8" Padding="10">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<TextBox Text="{Binding NewContent, UpdateSourceTrigger=PropertyChanged}"
|
|
FontSize="14" Padding="5" Margin="0,0,10,0" BorderThickness="0,0,0,1"
|
|
VerticalContentAlignment="Center"
|
|
Tag="添加新任务...">
|
|
<TextBox.Style>
|
|
<Style TargetType="TextBox">
|
|
<Style.Triggers>
|
|
<Trigger Property="Text" Value="">
|
|
<!-- Placeholder could be done with a visual brush or adornment, keeping it simple for now -->
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</TextBox.Style>
|
|
<TextBox.InputBindings>
|
|
<KeyBinding Key="Enter" Command="{Binding AddTaskCommand}"/>
|
|
</TextBox.InputBindings>
|
|
</TextBox>
|
|
|
|
<ComboBox Grid.Column="1" ItemsSource="{Binding Source={StaticResource PriorityEnum}}"
|
|
SelectedItem="{Binding NewPriority}"
|
|
Width="80" Margin="0,0,10,0" VerticalContentAlignment="Center">
|
|
<ComboBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<TextBlock Text="{Binding Converter={StaticResource EnumDescConverter}}"/>
|
|
</DataTemplate>
|
|
</ComboBox.ItemTemplate>
|
|
</ComboBox>
|
|
|
|
<Button Grid.Column="2" Content="添加" Command="{Binding AddTaskCommand}" Style="{StaticResource ModernButton}"
|
|
VerticalAlignment="Center" Height="32" Width="80"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<!-- Task List -->
|
|
<ListBox Grid.Row="2" ItemsSource="{Binding Tasks}"
|
|
HorizontalContentAlignment="Stretch"
|
|
Background="Transparent" BorderThickness="0"
|
|
Margin="15,0,15,15"
|
|
ScrollViewer.HorizontalScrollBarVisibility="Disabled">
|
|
<ListBox.ItemContainerStyle>
|
|
<Style TargetType="ListBoxItem">
|
|
<Setter Property="Background" Value="White"/>
|
|
<Setter Property="Margin" Value="0,0,0,10"/>
|
|
<Setter Property="Padding" Value="10"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ListBoxItem">
|
|
<Border Background="{TemplateBinding Background}" CornerRadius="8" Padding="{TemplateBinding Padding}">
|
|
<ContentPresenter/>
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding Priority}" Value="High">
|
|
<Setter Property="Background" Value="#FFCDD2"/>
|
|
</DataTrigger>
|
|
<DataTrigger Binding="{Binding Priority}" Value="Medium">
|
|
<Setter Property="Background" Value="#FFE0B2"/>
|
|
</DataTrigger>
|
|
<DataTrigger Binding="{Binding Priority}" Value="Low">
|
|
<Setter Property="Background" Value="#C8E6C9"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</ListBox.ItemContainerStyle>
|
|
<ListBox.ItemTemplate>
|
|
<DataTemplate>
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<CheckBox IsChecked="{Binding IsCompleted}"
|
|
Command="{Binding DataContext.ToggleCompleteCommand, RelativeSource={RelativeSource AncestorType=Window}}"
|
|
CommandParameter="{Binding}"
|
|
VerticalAlignment="Center">
|
|
<CheckBox.LayoutTransform>
|
|
<ScaleTransform ScaleX="1.2" ScaleY="1.2"/>
|
|
</CheckBox.LayoutTransform>
|
|
</CheckBox>
|
|
|
|
<StackPanel Grid.Column="1" Margin="15,0">
|
|
<TextBlock Text="{Binding Content}" FontSize="16" VerticalAlignment="Center">
|
|
<TextBlock.Style>
|
|
<Style TargetType="TextBlock">
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding IsCompleted}" Value="True">
|
|
<Setter Property="TextDecorations" Value="Strikethrough"/>
|
|
<Setter Property="Foreground" Value="#999"/>
|
|
</DataTrigger>
|
|
<DataTrigger Binding="{Binding IsCompleted}" Value="False">
|
|
<Setter Property="Foreground" Value="#333"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</TextBlock.Style>
|
|
</TextBlock>
|
|
<TextBlock Text="{Binding Priority, Converter={StaticResource EnumDescConverter}}" FontSize="12" Foreground="#888" Margin="0,2,0,0"/>
|
|
</StackPanel>
|
|
|
|
<Button Grid.Column="3" Content="✕"
|
|
Command="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource AncestorType=Window}}"
|
|
CommandParameter="{Binding}"
|
|
Width="24" Height="24"
|
|
Background="Transparent" Foreground="#FF3B30"
|
|
BorderThickness="0" FontSize="12" FontWeight="Bold"
|
|
Cursor="Hand">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border x:Name="border" Background="{TemplateBinding Background}" CornerRadius="12">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
<ControlTemplate.Triggers>
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Setter TargetName="border" Property="Background" Value="#1AFF3B30"/>
|
|
</Trigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
</Grid>
|
|
</DataTemplate>
|
|
</ListBox.ItemTemplate>
|
|
</ListBox>
|
|
|
|
<!-- Settings Dialog Overlay -->
|
|
<Grid Grid.RowSpan="3" Background="#80000000" Visibility="{Binding IsSettingsOpen, Converter={StaticResource BoolToVis}}">
|
|
<Border Background="White" Width="300" Height="200" CornerRadius="10" VerticalAlignment="Center" HorizontalAlignment="Center" Padding="20">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition Height="*"/>
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
|
|
<TextBlock Text="快捷键设置" FontSize="18" FontWeight="Bold" HorizontalAlignment="Center"/>
|
|
|
|
<StackPanel Grid.Row="1" VerticalAlignment="Center">
|
|
<TextBlock Text="当前支持组合键 (如 Alt+X, Ctrl+Alt+A)" Foreground="#666" Margin="0,0,0,5" FontSize="12" HorizontalAlignment="Center"/>
|
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
|
<TextBox x:Name="ShortcutBox"
|
|
Text="{Binding FullShortcut, Mode=OneWay}"
|
|
Width="200" FontSize="16"
|
|
HorizontalContentAlignment="Center" VerticalContentAlignment="Center"
|
|
PreviewKeyDown="ShortcutBox_PreviewKeyDown"
|
|
CaretBrush="Transparent"
|
|
IsReadOnly="True"
|
|
Cursor="Hand"
|
|
Padding="5"/>
|
|
</StackPanel>
|
|
<TextBlock Text="点击上方框并按下快捷键" Foreground="#999" FontSize="12" HorizontalAlignment="Center" Margin="0,5,0,0"/>
|
|
</StackPanel>
|
|
|
|
<StackPanel Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Center">
|
|
<Button Content="取消" Command="{Binding CloseSettingsCommand}" Width="80" Margin="0,0,10,0"
|
|
Background="#EEE" Foreground="#333" Height="30" BorderThickness="0">
|
|
<Button.Template>
|
|
<ControlTemplate TargetType="Button">
|
|
<Border Background="{TemplateBinding Background}" CornerRadius="5">
|
|
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Button.Template>
|
|
</Button>
|
|
<Button Content="保存" Command="{Binding SaveSettingsCommand}" Width="80" Height="30" Style="{StaticResource ModernButton}"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Border>
|
|
</Grid>
|
|
</Grid>
|
|
</Window>
|