设备编辑管理界面
This commit is contained in:
284
DeviceEditModule/Views/DialogMangerView.xaml
Normal file
284
DeviceEditModule/Views/DialogMangerView.xaml
Normal file
@@ -0,0 +1,284 @@
|
||||
<UserControl x:Class="DeviceEditModule.Views.DialogMangerView"
|
||||
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:i="http://schemas.microsoft.com/xaml/behaviors"
|
||||
xmlns:prism="http://prismlibrary.com/"
|
||||
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
||||
xmlns:converters="clr-namespace:UIShare.Converters;assembly=UIShare"
|
||||
mc:Ignorable="d"
|
||||
prism:ViewModelLocator.AutoWireViewModel="True"
|
||||
Height="850" Width="900">
|
||||
|
||||
<!-- 此窗口独立开启 ShowInTaskbar，以支持最小化后在任务栏恢复 -->
|
||||
<prism:Dialog.WindowStyle>
|
||||
<Style TargetType="Window">
|
||||
<Setter Property="WindowStyle" Value="None"/>
|
||||
<Setter Property="ResizeMode" Value="NoResize"/>
|
||||
<Setter Property="ShowInTaskbar" Value="True"/>
|
||||
<Setter Property="AllowsTransparency" Value="True"/>
|
||||
<Setter Property="Background" Value="Transparent"/>
|
||||
<Setter Property="SizeToContent" Value="WidthAndHeight"/>
|
||||
</Style>
|
||||
</prism:Dialog.WindowStyle>
|
||||
|
||||
<UserControl.Resources>
|
||||
<converters:BooleanToVisibilityConverter x:Key="BoolToVis"/>
|
||||
|
||||
<!-- ── 窗口拖拽阴影外框 ── -->
|
||||
<DropShadowEffect x:Key="WindowShadow"
|
||||
Color="#66000000"
|
||||
BlurRadius="16"
|
||||
ShadowDepth="4"
|
||||
Direction="315"/>
|
||||
|
||||
<!-- ── Tab 项：未选中样式 ── -->
|
||||
<Style x:Key="TabItemStyle" TargetType="Border">
|
||||
<Setter Property="Background" Value="#F0F0F0"/>
|
||||
<Setter Property="BorderBrush" Value="#BDBDBD"/>
|
||||
<Setter Property="BorderThickness" Value="1,1,1,0"/>
|
||||
<Setter Property="CornerRadius" Value="6,6,0,0"/>
|
||||
<Setter Property="Margin" Value="2,5,0,0"/>
|
||||
<Setter Property="Cursor" Value="Hand"/>
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding IsSelected}" Value="True">
|
||||
<Setter Property="Background" Value="White"/>
|
||||
<Setter Property="BorderBrush" Value="#1976D2"/>
|
||||
<Setter Property="BorderThickness" Value="1,2,1,0"/>
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
<!-- ── 标题栏按钮 ── -->
|
||||
<Style x:Key="TitleBarButtonStyle" TargetType="Button">
|
||||
<Setter Property="Background" Value="Transparent"/>
|
||||
<Setter Property="BorderBrush" Value="Transparent"/>
|
||||
<Setter Property="Foreground" Value="White"/>
|
||||
<Setter Property="FontSize" Value="14"/>
|
||||
<Setter Property="Width" Value="36"/>
|
||||
<Setter Property="Height" Value="28"/>
|
||||
<Setter Property="Cursor" Value="Hand"/>
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<Border x:Name="bg"
|
||||
Background="{TemplateBinding Background}"
|
||||
CornerRadius="4">
|
||||
<ContentPresenter HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"/>
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter TargetName="bg" Property="Background" Value="#33FFFFFF"/>
|
||||
</Trigger>
|
||||
<Trigger Property="IsPressed" Value="True">
|
||||
<Setter TargetName="bg" Property="Background" Value="#55FFFFFF"/>
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<!-- ── Tab 关闭按钮（小号，无边框） ── -->
|
||||
<Style x:Key="TabCloseButtonStyle" TargetType="Button">
|
||||
<Setter Property="Background" Value="Transparent"/>
|
||||
<Setter Property="BorderBrush" Value="Transparent"/>
|
||||
<Setter Property="Foreground" Value="#757575"/>
|
||||
<Setter Property="FontSize" Value="12"/>
|
||||
<Setter Property="Width" Value="18"/>
|
||||
<Setter Property="Height" Value="18"/>
|
||||
<Setter Property="Padding" Value="0"/>
|
||||
<Setter Property="Cursor" Value="Hand"/>
|
||||
<Setter Property="VerticalContentAlignment" Value="Center"/>
|
||||
<Setter Property="HorizontalContentAlignment" Value="Center"/>
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<Border x:Name="bg"
|
||||
Background="{TemplateBinding Background}"
|
||||
CornerRadius="9">
|
||||
<ContentPresenter HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"/>
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter TargetName="bg" Property="Background" Value="#FFD32F2F"/>
|
||||
<Setter Property="Foreground" Value="White"/>
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</UserControl.Resources>
|
||||
|
||||
<!-- 最外层：透明底 + 阴影 + 圆角 -->
|
||||
<Border CornerRadius="10"
|
||||
Background="White"
|
||||
Effect="{StaticResource WindowShadow}"
|
||||
Margin="8">
|
||||
<Grid>
|
||||
<Grid.RowDefinitions>
|
||||
<!-- 标题栏 -->
|
||||
<RowDefinition Height="38"/>
|
||||
<!-- Tab 标签条 -->
|
||||
<RowDefinition Height="40"/>
|
||||
<!-- 内容区 -->
|
||||
<RowDefinition Height="*"/>
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<Border Grid.Row="0"
|
||||
CornerRadius="10,10,0,0"
|
||||
Background="#1565C0"
|
||||
MouseLeftButtonDown="MouseLeftButtonDown">
|
||||
<Grid Margin="12,0">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*"/>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
<ColumnDefinition Width="Auto"/>
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<!-- 图标 + 标题 -->
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<materialDesign:PackIcon Kind="WindowRestore"
|
||||
Foreground="White"
|
||||
Width="18" Height="18"
|
||||
Margin="0,0,6,0"
|
||||
VerticalAlignment="Center"/>
|
||||
<TextBlock Text="弹窗管理器"
|
||||
Foreground="White"
|
||||
FontSize="13"
|
||||
FontWeight="Medium"
|
||||
VerticalAlignment="Center"/>
|
||||
<!-- Tab 数量徽标 -->
|
||||
<Border Background="#33FFFFFF"
|
||||
CornerRadius="10"
|
||||
Padding="6,1"
|
||||
Margin="8,0,0,0"
|
||||
VerticalAlignment="Center">
|
||||
<TextBlock Foreground="White"
|
||||
FontSize="11">
|
||||
<TextBlock.Text>
|
||||
<Binding Path="TagItems.Count"
|
||||
StringFormat="{}{0} 个窗口"/>
|
||||
</TextBlock.Text>
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</StackPanel>
|
||||
|
||||
<!-- 最小化按钮 -->
|
||||
<Button Grid.Column="1"
|
||||
Content="—"
|
||||
ToolTip="最小化"
|
||||
Command="{Binding MinimizeCommand}"
|
||||
Style="{StaticResource TitleBarButtonStyle}"
|
||||
Margin="0,0,2,0"/>
|
||||
|
||||
<!-- 关闭按钮 -->
|
||||
<Button Grid.Column="2"
|
||||
Content="✕"
|
||||
ToolTip="关闭"
|
||||
Command="{Binding CloseCommand}"
|
||||
Style="{StaticResource TitleBarButtonStyle}"/>
|
||||
</Grid>
|
||||
</Border>
|
||||
|
||||
<Border Grid.Row="1"
|
||||
Background="#FAFAFA"
|
||||
BorderBrush="#E0E0E0"
|
||||
BorderThickness="0,0,0,1">
|
||||
<ScrollViewer HorizontalScrollBarVisibility="Auto"
|
||||
VerticalScrollBarVisibility="Hidden"
|
||||
Padding="4,0,4,0">
|
||||
<ItemsControl ItemsSource="{Binding TagItems}">
|
||||
<ItemsControl.ItemsPanel>
|
||||
<ItemsPanelTemplate>
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Bottom"/>
|
||||
</ItemsPanelTemplate>
|
||||
</ItemsControl.ItemsPanel>
|
||||
<ItemsControl.ItemTemplate>
|
||||
<DataTemplate>
|
||||
<!-- 单个 Tab -->
|
||||
<Border Style="{StaticResource TabItemStyle}">
|
||||
<StackPanel Orientation="Horizontal"
|
||||
Margin="8,4,4,4"
|
||||
VerticalAlignment="Center">
|
||||
<!-- Tab 标题（点击激活） -->
|
||||
<Button Command="{Binding SelectCommand}"
|
||||
Background="Transparent"
|
||||
BorderBrush="Transparent"
|
||||
Cursor="Hand"
|
||||
Padding="0"
|
||||
MaxWidth="130">
|
||||
<Button.Template>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<ContentPresenter/>
|
||||
</ControlTemplate>
|
||||
</Button.Template>
|
||||
<TextBlock Text="{Binding Title}"
|
||||
FontSize="12"
|
||||
TextTrimming="CharacterEllipsis"
|
||||
ToolTip="{Binding Title}"
|
||||
VerticalAlignment="Center">
|
||||
<TextBlock.Style>
|
||||
<Style TargetType="TextBlock">
|
||||
<Setter Property="Foreground" Value="#616161"/>
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding IsSelected}" Value="True">
|
||||
<Setter Property="Foreground" Value="#1565C0"/>
|
||||
<Setter Property="FontWeight" Value="SemiBold"/>
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</TextBlock.Style>
|
||||
</TextBlock>
|
||||
</Button>
|
||||
<!-- 关闭按钮 -->
|
||||
<Button Command="{Binding CloseCommand}"
|
||||
Content="✕"
|
||||
Style="{StaticResource TabCloseButtonStyle}"
|
||||
Margin="4,0,0,0"
|
||||
ToolTip="关闭此窗口"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</DataTemplate>
|
||||
</ItemsControl.ItemTemplate>
|
||||
</ItemsControl>
|
||||
</ScrollViewer>
|
||||
</Border>
|
||||
|
||||
<Grid Grid.Row="2">
|
||||
|
||||
<!-- 空状态提示 -->
|
||||
<StackPanel HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Visibility="{Binding HasNoTabs, Converter={StaticResource BoolToVis}}">
|
||||
<materialDesign:PackIcon Kind="InboxOutline"
|
||||
Width="64" Height="64"
|
||||
Foreground="#BDBDBD"
|
||||
HorizontalAlignment="Center"/>
|
||||
<TextBlock Text="暂无打开的弹窗"
|
||||
Foreground="#9E9E9E"
|
||||
FontSize="14"
|
||||
Margin="0,8,0,0"
|
||||
HorizontalAlignment="Center"/>
|
||||
<TextBlock Text="其他窗口最小化后将在此处显示为标签页"
|
||||
Foreground="#BDBDBD"
|
||||
FontSize="11"
|
||||
Margin="0,4,0,0"
|
||||
HorizontalAlignment="Center"/>
|
||||
</StackPanel>
|
||||
|
||||
<!-- 选中 Tab 的内容 -->
|
||||
<ContentControl Content="{Binding SelectedTag.Content}"
|
||||
Visibility="{Binding HasNoTabs,
|
||||
Converter={StaticResource BoolToVis},
|
||||
ConverterParameter=Invert}"
|
||||
HorizontalContentAlignment="Stretch"
|
||||
VerticalContentAlignment="Stretch"/>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Border>
|
||||
</UserControl>
|
||||
Reference in New Issue
Block a user