NavItemSend.xaml

<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="LocalDrop.NavItemSend"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:LocalDrop"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid Margin="16" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.Resources>
            <Style TargetType="TextBlock" x:Key="HeaderStyle">
                <Setter Property="Margin" Value="0,12,0,8"/>
                <Setter Property="FontSize" Value="18"/>
                <Setter Property="FontWeight" Value="SemiBold"/>
            </Style>

            <Style TargetType="Button" x:Key="ActionButtonStyle">
                <Setter Property="Margin" Value="4"/>
                <Setter Property="Padding" Value="12,8"/>
                <Setter Property="CornerRadius" Value="4"/>
                <Setter Property="UseSystemFocusVisuals" Value="True"/>
            </Style>

            <Style TargetType="ListBox" x:Key="FluentListBox">
                <Setter Property="Margin" Value="0,4"/>
                <Setter Property="BorderThickness" Value="1"/>
                <Setter Property="BorderBrush" Value="{ThemeResource SystemControlForegroundBaseMediumBrush}"/>
                <Setter Property="CornerRadius" Value="4"/>
                <Setter Property="MinHeight" Value="120"/>
            </Style>
        </Grid.Resources>

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- 发送标题 -->
        <TextBlock Grid.Row="0" Style="{StaticResource HeaderStyle}" Text="发送"/>

        <!-- 操作按钮 -->
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" Name="SendFile" Style="{StaticResource ActionButtonStyle}" Content="文件"  Click="Button_Click" ToolTipService.ToolTip="选择发送文件">
            </Button>
            <Button Grid.Column="1"  Name="SendCut" Style="{StaticResource ActionButtonStyle}" Content="剪切板"  Click="Button_Click" ToolTipService.ToolTip="发送剪切板内容">
            </Button>
            <Button Grid.Column="2" Name="SendText" Style="{StaticResource ActionButtonStyle}" Content="信息"  Click="Button_Click" ToolTipService.ToolTip="发送文本信息">
            </Button>
            <Button Grid.Column="3" Name="ReScanner" Style="{StaticResource ActionButtonStyle}" Content="重新扫描"  Click="Button_Click" ToolTipService.ToolTip="发送文本信息">
            </Button>
        </Grid>

        <!-- 发送列表 -->
        <TextBlock Grid.Row="2" Style="{StaticResource HeaderStyle}" Name="NowSendFileText"  Text="发送列表"/>
        <ListView Grid.Row="3" Name="WaitSendFileListView" 
        AllowDrop="True"
          ItemsSource="{x:Bind fileInfoes}"
          IsItemClickEnabled="True"
          ItemClick="WaitSendFileListView_ItemClick">
            <ListView.ItemTemplate>
                <DataTemplate x:DataType="local:FileInfo">
                    <Grid Padding="12,8" Margin="8" 
                  Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}"
                  CornerRadius="4">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>

                        <!-- 文件类型图标 -->
                        <SymbolIcon Grid.Column="0" Margin="0,0,12,0"
                            Symbol="{x:Bind local:FileTypeToIconConverter.Convert(fileType), Mode=OneWay}"
                            Foreground="{ThemeResource SystemControlHighlightAltAccentBrush}"/>

                        <!-- 文件信息 -->
                        <StackPanel Grid.Column="1">
                            <TextBlock Text="{x:Bind fileName}" 
                              FontWeight="SemiBold"/>
                            <TextBlock Text="{x:Bind local:FileSizeConverter.Convert(fileSize)}"
                              Foreground="{ThemeResource SystemControlDisabledChromeDisabledLowBrush}"
                              FontSize="12"/>
                        </StackPanel>

                        <!-- 附加信息 -->
                        <TextBlock Grid.Column="2" 
                          Text="{x:Bind info}"
                          FontStyle="Italic"
                          Margin="12,0,0,0"/>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <!-- 附近设备 -->
        <TextBlock Grid.Row="4" Style="{StaticResource HeaderStyle}" Text="附近设备"/>
        <ListView Grid.Row="5" Name="NearbyDevice"  SelectionChanged="NearbyDevice_SelectionChanged"  >
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Border Margin="8" Padding="12,8" CornerRadius="4" Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}">
                        <StackPanel Orientation="Vertical">
                            <TextBlock Text="{Binding DeviceName}" VerticalAlignment="Center" FontWeight="SemiBold"/>
                            <TextBlock Text="{Binding DeviceId}" VerticalAlignment="Center" FontSize="12" Foreground="{ThemeResource SystemControlDisabledChromeDisabledLowBrush}" Margin="0,4,0,0"/>
                        </StackPanel>
                    </Border>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <ContentDialog x:Name="SendProgressDialog"
              Title="发送进度"
              CloseButtonText="关闭弹窗"
              DefaultButton="Close"
              Width="600"
              Closing="OnSendDialogClosing">
            <StackPanel>
                <ListView ItemsSource="{x:Bind ActiveSendTransfers}" 
                 Height="300">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="0,5">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*"/>
                                        <ColumnDefinition Width="100"/>
                                    </Grid.ColumnDefinitions>

                                    <StackPanel Grid.Column="0">
                                        <TextBlock Text="{Binding FileName}" 
                                         FontWeight="SemiBold"/>
                                        <TextBlock Text="{Binding ProgressText}"
                                         Foreground="Gray"
                                         FontSize="12"/>
                                    </StackPanel>

                                    <ProgressBar Grid.Column="1"
                                       Value="{Binding ProgressPercentage}"
                                       Minimum="0"
                                       Maximum="100"
                                       Height="20"/>
                                </Grid>
                                <TextBlock Text="{Binding StatusMessage}"
                                 FontSize="12"
                                 Foreground="DarkGray"/>
                            </StackPanel>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>

                <!-- 总进度 -->
                <Grid Margin="0,10" Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}"
              Padding="10,5" CornerRadius="4">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="总进度:" VerticalAlignment="Center"/>
                    <ProgressBar Grid.Column="1" Value="{x:Bind TotalProgress, Mode=OneWay}"
                       Margin="10,0" Height="15"/>
                    <TextBlock Grid.Column="2" Text="{x:Bind TotalProgressText, Mode=OneWay}"
                     VerticalAlignment="Center"/>
                </Grid>
            </StackPanel>
        </ContentDialog>
    </Grid>
</Page>