AIPlatform_6787/aipdev/TaskManagement.xaml

<UserControl x:Class="aipdev.TaskManagement"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:aipdev"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="2">
            <Button VerticalAlignment="Center"  Margin="2" Style="{StaticResource btn-primary}" Content="新建" Click="OnCreateNewTaskClick"/>
            <Button VerticalAlignment="Center"  Margin="2" Content="刷新" Click="OnRefreshClick"/>
        </StackPanel>
        <ListBox Grid.Row="1" x:Name="TaskList">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemContainerStyle>
                <Style TargetType="ListBoxItem">
                    <Setter Property="VerticalContentAlignment" Value="Center"/>
                    <Setter Property="ToolTip" Value="{Binding Name}"/>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Button OverridesDefaultStyle="True" x:Name="TaskButton" Width="128" Height="128" Margin="8" Click="OnOpenTaskClick">
                                    <Button.Template>
                                        <ControlTemplate>
                                            <Border x:Name="TaskBorder" Width="128" Height="128" BorderThickness="0.5" BorderBrush="Gray" CornerRadius="4" Background="WhiteSmoke">
                                                <Grid>
                                                    <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                                                        <Image Source="Resources/Images/Task.png" Width="48" Height="48" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="2"/>
                                                        <TextBlock Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Center" TextTrimming="CharacterEllipsis"/>
                                                    </StackPanel>
                                                    <Border BorderThickness="0.5" BorderBrush="CadetBlue" CornerRadius="4" VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="2,15,2,2">
                                                        <Label x:Name="Status" Content="{Binding Status}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="12" Margin="2"/>
                                                    </Border>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter TargetName="TaskBorder" Property="BorderBrush" Value="DeepSkyBlue"/>
                                                    <Setter TargetName="TaskBorder" Property="BorderThickness" Value="2"/>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </Button.Template>
                                    <Button.ContextMenu>
                                        <ContextMenu>
                                            <MenuItem Header="查看结果图片..." Click="OnOpenTaskConflictImageClick"/>
                                            <MenuItem Header="删除..." Click="OnDeleteTaskClick"/>
                                        </ContextMenu>
                                    </Button.ContextMenu>
                                </Button>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </ListBox.ItemContainerStyle>
        </ListBox>
    </Grid>
</UserControl>