diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Fonts/iconfont.ttf b/Correlator/Fonts/iconfont.ttf
index 395515a..17852ab 100644
--- a/Correlator/Fonts/iconfont.ttf
+++ b/Correlator/Fonts/iconfont.ttf
Binary files differ

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Fonts/iconfont.ttf b/Correlator/Fonts/iconfont.ttf
index 395515a..17852ab 100644
--- a/Correlator/Fonts/iconfont.ttf
+++ b/Correlator/Fonts/iconfont.ttf
Binary files differ
diff --git a/Correlator/Image/empty_image.png b/Correlator/Image/empty_image.png
new file mode 100644
index 0000000..35744f1
--- /dev/null
+++ b/Correlator/Image/empty_image.png
Binary files differ

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Fonts/iconfont.ttf b/Correlator/Fonts/iconfont.ttf
index 395515a..17852ab 100644
--- a/Correlator/Fonts/iconfont.ttf
+++ b/Correlator/Fonts/iconfont.ttf
Binary files differ
diff --git a/Correlator/Image/empty_image.png b/Correlator/Image/empty_image.png
new file mode 100644
index 0000000..35744f1
--- /dev/null
+++ b/Correlator/Image/empty_image.png
Binary files differ
diff --git a/Correlator/Util/MethodExtensions.cs b/Correlator/Util/MethodExtensions.cs
index 473893f..7a0fd9f 100644
--- a/Correlator/Util/MethodExtensions.cs
+++ b/Correlator/Util/MethodExtensions.cs
@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.Collections.ObjectModel;
 using System.Drawing;
 using System.Drawing.Imaging;
 using System.Globalization;
@@ -548,5 +549,21 @@
 
             return bitmap;
         }
+
+        /// <summary>
+        /// List 转 ObservableCollection
+        /// </summary>
+        /// <param name="imageFiles"></param>
+        /// <returns></returns>
+        public static ObservableCollection<ImageFile> ToObservableCollection(this List<ImageFile> imageFiles)
+        {
+            var collection = new ObservableCollection<ImageFile>();
+            foreach (var file in imageFiles)
+            {
+                collection.Add(file);
+            }
+
+            return collection;
+        }
     }
 }
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Fonts/iconfont.ttf b/Correlator/Fonts/iconfont.ttf
index 395515a..17852ab 100644
--- a/Correlator/Fonts/iconfont.ttf
+++ b/Correlator/Fonts/iconfont.ttf
Binary files differ
diff --git a/Correlator/Image/empty_image.png b/Correlator/Image/empty_image.png
new file mode 100644
index 0000000..35744f1
--- /dev/null
+++ b/Correlator/Image/empty_image.png
Binary files differ
diff --git a/Correlator/Util/MethodExtensions.cs b/Correlator/Util/MethodExtensions.cs
index 473893f..7a0fd9f 100644
--- a/Correlator/Util/MethodExtensions.cs
+++ b/Correlator/Util/MethodExtensions.cs
@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.Collections.ObjectModel;
 using System.Drawing;
 using System.Drawing.Imaging;
 using System.Globalization;
@@ -548,5 +549,21 @@
 
             return bitmap;
         }
+
+        /// <summary>
+        /// List 转 ObservableCollection
+        /// </summary>
+        /// <param name="imageFiles"></param>
+        /// <returns></returns>
+        public static ObservableCollection<ImageFile> ToObservableCollection(this List<ImageFile> imageFiles)
+        {
+            var collection = new ObservableCollection<ImageFile>();
+            foreach (var file in imageFiles)
+            {
+                collection.Add(file);
+            }
+
+            return collection;
+        }
     }
 }
\ No newline at end of file
diff --git a/Correlator/ViewModels/MainWindowViewModel.cs b/Correlator/ViewModels/MainWindowViewModel.cs
index 703b8aa..8dfaa73 100644
--- a/Correlator/ViewModels/MainWindowViewModel.cs
+++ b/Correlator/ViewModels/MainWindowViewModel.cs
@@ -638,7 +638,7 @@
 
         private void OpenImageFile(Popup popup)
         {
-            _dialogService.Show("PictureFileDialog", null, delegate { });
+            _dialogService.Show("ScreenImageFileDialog", null, delegate { });
             popup.IsOpen = false;
         }
 

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Fonts/iconfont.ttf b/Correlator/Fonts/iconfont.ttf
index 395515a..17852ab 100644
--- a/Correlator/Fonts/iconfont.ttf
+++ b/Correlator/Fonts/iconfont.ttf
Binary files differ
diff --git a/Correlator/Image/empty_image.png b/Correlator/Image/empty_image.png
new file mode 100644
index 0000000..35744f1
--- /dev/null
+++ b/Correlator/Image/empty_image.png
Binary files differ
diff --git a/Correlator/Util/MethodExtensions.cs b/Correlator/Util/MethodExtensions.cs
index 473893f..7a0fd9f 100644
--- a/Correlator/Util/MethodExtensions.cs
+++ b/Correlator/Util/MethodExtensions.cs
@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.Collections.ObjectModel;
 using System.Drawing;
 using System.Drawing.Imaging;
 using System.Globalization;
@@ -548,5 +549,21 @@
 
             return bitmap;
         }
+
+        /// <summary>
+        /// List 转 ObservableCollection
+        /// </summary>
+        /// <param name="imageFiles"></param>
+        /// <returns></returns>
+        public static ObservableCollection<ImageFile> ToObservableCollection(this List<ImageFile> imageFiles)
+        {
+            var collection = new ObservableCollection<ImageFile>();
+            foreach (var file in imageFiles)
+            {
+                collection.Add(file);
+            }
+
+            return collection;
+        }
     }
 }
\ No newline at end of file
diff --git a/Correlator/ViewModels/MainWindowViewModel.cs b/Correlator/ViewModels/MainWindowViewModel.cs
index 703b8aa..8dfaa73 100644
--- a/Correlator/ViewModels/MainWindowViewModel.cs
+++ b/Correlator/ViewModels/MainWindowViewModel.cs
@@ -638,7 +638,7 @@
 
         private void OpenImageFile(Popup popup)
         {
-            _dialogService.Show("PictureFileDialog", null, delegate { });
+            _dialogService.Show("ScreenImageFileDialog", null, delegate { });
             popup.IsOpen = false;
         }
 
diff --git a/Correlator/ViewModels/PictureFileDialogViewModel.cs b/Correlator/ViewModels/PictureFileDialogViewModel.cs
deleted file mode 100644
index 2bb47c5..0000000
--- a/Correlator/ViewModels/PictureFileDialogViewModel.cs
+++ /dev/null
@@ -1,179 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Windows;
-using Correlator.Model;
-using Correlator.Util;
-using HandyControl.Controls;
-using HandyControl.Data;
-using Prism.Commands;
-using Prism.Mvvm;
-using Prism.Services.Dialogs;
-using MessageBox = System.Windows.MessageBox;
-
-namespace Correlator.ViewModels
-{
-    public class PictureFileDialogViewModel : BindableBase, IDialogAware
-    {
-        #region 属性绑定
-
-        public string Title => "图片文件列表";
-
-        public event Action<IDialogResult> RequestClose
-        {
-            add { }
-            remove { }
-        }
-
-        private List<ImageFile> _pictureFiles;
-
-        public List<ImageFile> PictureFiles
-        {
-            get => _pictureFiles;
-            set
-            {
-                _pictureFiles = value;
-                RaisePropertyChanged();
-            }
-        }
-
-        private int _pageIndex = 1;
-
-        public int PageIndex
-        {
-            get => _pageIndex;
-            set
-            {
-                _pageIndex = value;
-                RaisePropertyChanged();
-            }
-        }
-
-        private int _maxPage;
-
-        public int MaxPage
-        {
-            get => _maxPage;
-            set
-            {
-                _maxPage = value;
-                RaisePropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region DelegateCommand
-
-        public DelegateCommand<ImageFile> ItemSelectedCommand { get; set; }
-        public DelegateCommand ShowPictureCommand { get; set; }
-        public DelegateCommand DeletePictureCommand { get; set; }
-        public DelegateCommand<FunctionEventArgs<int>> PageUpdatedCmd { get; set; }
-
-        #endregion
-
-        private readonly IDialogService _dialogService;
-        private ImageFile _selectedFile;
-
-        public PictureFileDialogViewModel(IDialogService dialogService)
-        {
-            _dialogService = dialogService;
-
-            ItemSelectedCommand = new DelegateCommand<ImageFile>(ItemSelected);
-            ShowPictureCommand = new DelegateCommand(ShowPicture);
-            DeletePictureCommand = new DelegateCommand(DeletePicture);
-            PageUpdatedCmd = new DelegateCommand<FunctionEventArgs<int>>(PageUpdated);
-        }
-
-        private void ItemSelected(ImageFile selectedItem)
-        {
-            _selectedFile = selectedItem;
-        }
-
-        private void ShowPicture()
-        {
-            if (_selectedFile == null)
-            {
-                MessageBox.Show("图片文件路径错误，无法查看", "温馨提示", MessageBoxButton.OK, MessageBoxImage.Stop);
-                return;
-            }
-
-            _dialogService.ShowDialog("BigPictureView", new DialogParameters
-            {
-                { "ImageFullPath", _selectedFile.FullPath }
-            }, delegate { });
-        }
-
-        private void DeletePicture()
-        {
-            if (_selectedFile == null)
-            {
-                Growl.Error("删除失败");
-                return;
-            }
-
-            try
-            {
-                File.Delete(_selectedFile.FullPath);
-
-                //刷新数据
-                var totalFiles = GetTotalPictureFiles();
-                MaxPage = totalFiles.Count.GetPageSize();
-                PageIndex = 1;
-                PictureFiles = totalFiles.Take(RuntimeCache.PerPageItemCount).ToList();
-            }
-            catch (IOException)
-            {
-                Growl.Error("删除失败");
-            }
-        }
-
-        private void PageUpdated(FunctionEventArgs<int> args)
-        {
-            PictureFiles = GetTotalPictureFiles()
-                .Skip((args.Info - 1) * RuntimeCache.PerPageItemCount)
-                .Take(RuntimeCache.PerPageItemCount)
-                .ToList();
-        }
-
-        public bool CanCloseDialog()
-        {
-            return true;
-        }
-
-        public void OnDialogClosed()
-        {
-        }
-
-        public void OnDialogOpened(IDialogParameters parameters)
-        {
-            var totalFiles = GetTotalPictureFiles();
-            MaxPage = totalFiles.Count.GetPageSize();
-            PictureFiles = totalFiles.Take(RuntimeCache.PerPageItemCount).ToList();
-        }
-
-        private static List<ImageFile> GetTotalPictureFiles()
-        {
-            var files = new DirectoryInfo(DirectoryManager.GetPictureDir())
-                .GetFiles("*", SearchOption.AllDirectories);
-            var imageFiles = new List<ImageFile>();
-            foreach (var file in files)
-            {
-                var filePath = DirectoryManager.GetPictureDir() + "\\" + file.Name;
-                var imageFile = new ImageFile
-                {
-                    FileName = file.Name,
-                    FullPath = filePath,
-                    ScreenBitmapImage = filePath.GetBitmapImage(),
-                    FileSize = file.Length.FormatFileSize(),
-                    CreationTime = file.LastWriteTime.ToString("yyyy-MM-dd HH:mm:ss")
-                };
-
-                imageFiles.Add(imageFile);
-            }
-
-            return imageFiles.OrderBy(file => file.CreationTime).Reverse().ToList();
-        }
-    }
-}
\ No newline at end of file

diff --git a/Correlator/App.xaml.cs b/Correlator/App.xaml.cs
index d3fa780..0016e08 100644
--- a/Correlator/App.xaml.cs
+++ b/Correlator/App.xaml.cs
@@ -101,7 +101,7 @@
             containerRegistry.RegisterSingleton<ICommandService, CommandServiceImpl>();
 
             //Dialog or Window
-            containerRegistry.RegisterDialog<PictureFileDialog, PictureFileDialogViewModel>();
+            containerRegistry.RegisterDialog<ScreenImageFileDialog, ScreenImageFileDialogViewModel>();
             containerRegistry.RegisterDialog<BigPictureView, BigPictureViewModel>();
             containerRegistry.RegisterDialog<AudioFileDialog, AudioFileDialogViewModel>();
             containerRegistry.RegisterDialog<NoiseWaveView, NoiseWaveViewViewModel>();
diff --git a/Correlator/Converter/ContentViewConverter.cs b/Correlator/Converter/ContentViewConverter.cs
new file mode 100644
index 0000000..2fc63d4
--- /dev/null
+++ b/Correlator/Converter/ContentViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class ContentViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Collapsed" : "Visible";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Converter/EmptyViewConverter.cs b/Correlator/Converter/EmptyViewConverter.cs
new file mode 100644
index 0000000..c931b64
--- /dev/null
+++ b/Correlator/Converter/EmptyViewConverter.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Diagnostics;
+using System.Globalization;
+using System.Windows.Data;
+
+namespace Correlator.Converter
+{
+    public class EmptyViewConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            Debug.Assert(value != null, nameof(value) + " != null");
+            return (int)value == 0 ? "Visible" : "Collapsed";
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Correlator.csproj b/Correlator/Correlator.csproj
index bd73932..95c1918 100644
--- a/Correlator/Correlator.csproj
+++ b/Correlator/Correlator.csproj
@@ -208,19 +208,21 @@
       <SubType>Designer</SubType>
     </ApplicationDefinition>
     <Compile Include="Converter\BatteryColorConverter.cs" />
+      <Compile Include="Converter\ContentViewConverter.cs"/>
+      <Compile Include="Converter\EmptyViewConverter.cs"/>
     <Compile Include="Converter\FrequencyRangeConverter.cs" />
     <Compile Include="Converter\ListenStateConverter.cs" />
     <Compile Include="Converter\PipeLineValueConverter.cs" />
     <Compile Include="Converter\MuteStateConverter.cs" />
     <Compile Include="Converter\SignalIntensityConverter.cs" />
-    <Compile Include="Converter\SoundParamValueConverter.cs"/>
+      <Compile Include="Converter\SoundParamValueConverter.cs"/>
     <Compile Include="Converter\StepButtonStateConverter.cs" />
-    <Compile Include="Converter\WorkModeConverter.cs"/>
+      <Compile Include="Converter\WorkModeConverter.cs"/>
     <Compile Include="DataService\ApplicationDataServiceImpl.cs" />
     <Compile Include="DataService\AudioServiceImpl.cs" />
-    <Compile Include="DataService\CommandServiceImpl.cs"/>
+      <Compile Include="DataService\CommandServiceImpl.cs"/>
     <Compile Include="DataService\IAudioService.cs" />
-    <Compile Include="DataService\ICommandService.cs"/>
+      <Compile Include="DataService\ICommandService.cs"/>
     <Compile Include="DataService\ISerialPortService.cs" />
     <Compile Include="DataService\SerialPortServiceImpl.cs" />
     <Compile Include="Dialog\AddSoundSpeedDialog.xaml.cs">
@@ -250,20 +252,21 @@
     <Compile Include="Dialog\LoadingDialog.xaml.cs">
       <DependentUpon>LoadingDialog.xaml</DependentUpon>
     </Compile>
-    <Compile Include="Dialog\PictureFileDialog.xaml.cs">
-      <DependentUpon>PictureFileDialog.xaml</DependentUpon>
+      <Compile Include="Dialog\ScreenImageFileDialog.xaml.cs">
+          <DependentUpon>ScreenImageFileDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Dialog\SoundSampleRateDialog.xaml.cs">
       <DependentUpon>SoundSampleRateDialog.xaml</DependentUpon>
     </Compile>
     <Compile Include="Events\CorrelatorDataEventArgs.cs" />
     <Compile Include="Events\ResponseIndexEventArgs.cs" />
-    <Compile Include="Events\DeviceStatusEventArgs.cs"/>
-    <Compile Include="Model\CommandModel.cs"/>
+      <Compile Include="Events\DeviceStatusEventArgs.cs"/>
+      <Compile Include="Model\CommandModel.cs"/>
     <Compile Include="Model\ResponseModel.cs" />
-    <Compile Include="Model\SampleRateModel.cs"/>
-    <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
-    <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="Model\SampleRateModel.cs"/>
+      <Compile Include="ViewModels\EditSoundSampleRateDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ScreenImageFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\SoundSampleRateDialogViewModel.cs"/>
     <Compile Include="Views\NoiseWaveView.xaml.cs">
       <DependentUpon>NoiseWaveView.xaml</DependentUpon>
     </Compile>
@@ -310,16 +313,15 @@
     <Compile Include="Util\SystemConfig.cs" />
     <Compile Include="ViewModels\AddSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\ApplicationInfoDialogViewModel.cs" />
-    <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
+      <Compile Include="ViewModels\AudioFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\BigPictureViewModel.cs" />
     <Compile Include="ViewModels\CheckResponseDialogViewModel.cs" />
     <Compile Include="ViewModels\DetectNoiseDialogViewModel.cs" />
     <Compile Include="ViewModels\EditSoundSpeedDialogViewModel.cs" />
     <Compile Include="ViewModels\MainWindowViewModel.cs" />
-    <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
+      <Compile Include="ViewModels\ImportHydrophoneDataDialogViewModel.cs"/>
     <Compile Include="ViewModels\NoiseWaveViewViewModel.cs" />
     <Compile Include="ViewModels\NumericKeypadDialogViewModel.cs" />
-    <Compile Include="ViewModels\PictureFileDialogViewModel.cs"/>
     <Compile Include="ViewModels\SimplyAuditionDialogViewModel.cs" />
     <Compile Include="ViewModels\SoundSpeedDialogViewModel.cs" />
     <Compile Include="Views\BigPictureView.xaml.cs">
@@ -330,22 +332,22 @@
     </Compile>
     <Page Include="Dialog\AddSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ApplicationInfoDialog.xaml" />
-    <Page Include="Dialog\AudioFileDialog.xaml"/>
+      <Page Include="Dialog\AudioFileDialog.xaml"/>
     <Page Include="Dialog\CheckResponseDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\DetectNoiseDialog.xaml" />
-    <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
+      <Page Include="Dialog\EditSoundSampleRateDialog.xaml"/>
     <Page Include="Dialog\EditSoundSpeedDialog.xaml" />
     <Page Include="Dialog\ImportHydrophoneDataDialog.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
     <Page Include="Dialog\LoadingDialog.xaml" />
-    <Page Include="Dialog\PictureFileDialog.xaml"/>
-    <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
-    <Page Include="Style\DataGridCellCustomStyle.xaml"/>
+      <Page Include="Dialog\ScreenImageFileDialog.xaml"/>
+      <Page Include="Dialog\SoundSampleRateDialog.xaml"/>
+      <Page Include="Style\DataGridCellCustomStyle.xaml"/>
     <Page Include="Style\DataGridRowCustomStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -475,6 +477,9 @@
       <Install>false</Install>
     </BootstrapperPackage>
   </ItemGroup>
+    <ItemGroup>
+        <Resource Include="Image\empty_image.png"/>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <Import Project="..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets" Condition="Exists('..\packages\SQLitePCLRaw.lib.e_sqlite3.2.0.4\build\net461\SQLitePCLRaw.lib.e_sqlite3.targets')" />
   <Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
diff --git a/Correlator/Dialog/PictureFileDialog.xaml b/Correlator/Dialog/PictureFileDialog.xaml
deleted file mode 100644
index c60abf1..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml
+++ /dev/null
@@ -1,118 +0,0 @@
-<UserControl
-    x:Class="Correlator.Dialog.PictureFileDialog"
-    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
-    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-    xmlns:hc="https://handyorg.github.io/handycontrol"
-    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    xmlns:prism="http://prismlibrary.com/"
-    xmlns:vm="clr-namespace:Correlator.ViewModels"
-    Width="1200"
-    Height="635"
-    d:DataContext="{d:DesignInstance Type=vm:PictureFileDialogViewModel}"
-    Background="White"
-    mc:Ignorable="d">
-
-    <prism:Dialog.WindowStyle>
-        <Style TargetType="Window">
-            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
-            <Setter Property="ShowInTaskbar" Value="False" />
-            <Setter Property="ResizeMode" Value="NoResize" />
-            <Setter Property="SizeToContent" Value="WidthAndHeight" />
-        </Style>
-    </prism:Dialog.WindowStyle>
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <DataGrid
-            x:Name="TargetDataGrid"
-            Grid.Row="0"
-            hc:DataGridAttach.CanUnselectAllWithBlankArea="True"
-            AutoGenerateColumns="False"
-            CanUserSortColumns="False"
-            CellStyle="{StaticResource DataGridCellCustomStyleKey}"
-            ColumnHeaderHeight="60"
-            FontSize="18"
-            HeadersVisibility="All"
-            ItemsSource="{Binding PictureFiles}"
-            RowHeight="60"
-            RowStyle="{StaticResource DataGridRowCustomStyleKey}">
-
-            <b:Interaction.Triggers>
-                <b:EventTrigger EventName="SelectionChanged">
-                    <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=TargetDataGrid, Path=SelectedItem}" />
-                </b:EventTrigger>
-            </b:Interaction.Triggers>
-
-            <DataGrid.Columns>
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding FileName}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="名称"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="*"
-                    Binding="{Binding CreationTime}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="生成时间"
-                    IsReadOnly="True" />
-                <DataGridTextColumn
-                    Width="200"
-                    Binding="{Binding FileSize}"
-                    CanUserResize="False"
-                    Foreground="{StaticResource PrimaryTextBrush}"
-                    Header="文件大小"
-                    IsReadOnly="True" />
-                <DataGridTemplateColumn
-                    Width="185"
-                    CanUserResize="False"
-                    Header="操作">
-                    <DataGridTemplateColumn.CellTemplate>
-                        <DataTemplate>
-                            <StackPanel Orientation="Horizontal">
-                                <Button
-                                    Margin="0,0,7,0"
-                                    hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.ShowPictureCommand, ElementName=TargetDataGrid}"
-                                    Content="查看"
-                                    Style="{StaticResource ButtonInfo}" />
-
-                                <Button
-                                    Margin="7,0,0,0"
-                                    hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
-                                    BorderThickness="0"
-                                    Command="{Binding DataContext.DeletePictureCommand, ElementName=TargetDataGrid}"
-                                    Content="删除"
-                                    Style="{StaticResource ButtonDanger}" />
-                            </StackPanel>
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-
-        <hc:Pagination
-            Grid.Row="1"
-            Margin="10"
-            HorizontalAlignment="Right"
-            VerticalAlignment="Center"
-            IsJumpEnabled="True"
-            MaxPageCount="{Binding MaxPage}"
-            PageIndex="{Binding PageIndex}">
-            <hc:Interaction.Triggers>
-                <hc:EventTrigger EventName="PageUpdated">
-                    <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
-                </hc:EventTrigger>
-            </hc:Interaction.Triggers>
-        </hc:Pagination>
-    </Grid>
-</UserControl>
\ No newline at end of file
diff --git a/Correlator/Dialog/PictureFileDialog.xaml.cs b/Correlator/Dialog/PictureFileDialog.xaml.cs
deleted file mode 100644
index 2f3c2b9..0000000
--- a/Correlator/Dialog/PictureFileDialog.xaml.cs
+++ /dev/null
@@ -1,12 +0,0 @@
-using System.Windows.Controls;
-
-namespace Correlator.Dialog
-{
-    public partial class PictureFileDialog : UserControl
-    {
-        public PictureFileDialog()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml b/Correlator/Dialog/ScreenImageFileDialog.xaml
new file mode 100644
index 0000000..d5ceacf
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml
@@ -0,0 +1,202 @@
+<UserControl
+    x:Class="Correlator.Dialog.ScreenImageFileDialog"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
+    xmlns:cvt="clr-namespace:Correlator.Converter"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:hc="https://handyorg.github.io/handycontrol"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:prism="http://prismlibrary.com/"
+    xmlns:vm="clr-namespace:Correlator.ViewModels"
+    Width="1200"
+    Height="635"
+    d:DataContext="{d:DesignInstance Type=vm:ScreenImageFileDialogViewModel}"
+    Background="White"
+    mc:Ignorable="d">
+
+    <prism:Dialog.WindowStyle>
+        <Style TargetType="Window">
+            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" />
+            <Setter Property="ShowInTaskbar" Value="False" />
+            <Setter Property="ResizeMode" Value="NoResize" />
+            <Setter Property="SizeToContent" Value="WidthAndHeight" />
+        </Style>
+    </prism:Dialog.WindowStyle>
+
+    <UserControl.Resources>
+        <cvt:EmptyViewConverter x:Key="EmptyViewConverterKey" />
+        <cvt:ContentViewConverter x:Key="ContentViewConverterKey" />
+    </UserControl.Resources>
+
+    <Grid>
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource EmptyViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="100" />
+                <RowDefinition />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="100" />
+            </Grid.RowDefinitions>
+
+            <Image Grid.Row="1" Source="{Binding EmptyBitmapImage}" />
+
+            <TextBlock
+                Grid.Row="2"
+                HorizontalAlignment="Center"
+                FontSize="18"
+                Text="这里什么都没有~" />
+        </Grid>
+
+        <Grid Visibility="{Binding PictureFiles.Count, Converter={StaticResource ContentViewConverterKey}}">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <ListBox
+                x:Name="ImageFileListBox"
+                Grid.Row="0"
+                Padding="0,2"
+                BorderThickness="0"
+                ItemsSource="{Binding PictureFiles}">
+
+                <b:Interaction.Triggers>
+                    <b:EventTrigger EventName="SelectionChanged">
+                        <b:InvokeCommandAction Command="{Binding ItemSelectedCommand}" CommandParameter="{Binding ElementName=ImageFileListBox, Path=SelectedItem}" />
+                    </b:EventTrigger>
+                </b:Interaction.Triggers>
+
+                <ListBox.ItemTemplate>
+                    <DataTemplate>
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition />
+                                <RowDefinition Height="Auto" />
+                            </Grid.RowDefinitions>
+
+                            <Image
+                                Grid.Row="0"
+                                Width="292"
+                                Source="{Binding ScreenBitmapImage}" />
+
+                            <!--  右上角删除按钮  -->
+                            <Button
+                                x:Name="DeleteFileButton"
+                                Grid.Row="0"
+                                Command="{Binding DataContext.DeletePictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Content="&#xe668;"
+                                FontFamily="/Correlator;component/Fonts/#iconfont"
+                                Visibility="Collapsed">
+                                <Button.Style>
+                                    <Style TargetType="Button">
+                                        <Setter Property="HorizontalAlignment" Value="Right" />
+                                        <Setter Property="VerticalAlignment" Value="Top" />
+                                        <Setter Property="Foreground" Value="White" />
+                                        <Setter Property="FontSize" Value="18" />
+                                        <Setter Property="Template">
+                                            <Setter.Value>
+                                                <ControlTemplate TargetType="Button">
+                                                    <Border
+                                                        x:Name="ButtonContainerBorder"
+                                                        Padding="5"
+                                                        Background="Red">
+                                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
+                                                    </Border>
+                                                </ControlTemplate>
+                                            </Setter.Value>
+                                        </Setter>
+                                    </Style>
+                                </Button.Style>
+                            </Button>
+
+                            <!--  中间查看大图按钮  -->
+                            <Button
+                                x:Name="ShowImageButton"
+                                Grid.Row="0"
+                                hc:IconElement.Geometry="{StaticResource EyeOpenGeometry}"
+                                Background="Transparent"
+                                BorderBrush="{StaticResource MainThemeBrush}"
+                                BorderThickness="2"
+                                Command="{Binding DataContext.ShowPictureCommand, ElementName=ImageFileListBox}"
+                                CommandParameter="{Binding Path=FullPath}"
+                                Foreground="{StaticResource MainThemeBrush}"
+                                Visibility="Collapsed" />
+
+                            <TextBlock
+                                Grid.Row="1"
+                                Margin="0,1"
+                                HorizontalAlignment="Center"
+                                FontSize="16"
+                                Text="{Binding FileName}" />
+                        </Grid>
+
+                        <DataTemplate.Triggers>
+                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}" Value="True">
+                                <Setter TargetName="DeleteFileButton" Property="Visibility" Value="Visible" />
+                                <Setter TargetName="ShowImageButton" Property="Visibility" Value="Visible" />
+                            </DataTrigger>
+                        </DataTemplate.Triggers>
+                    </DataTemplate>
+                </ListBox.ItemTemplate>
+
+                <!--  ListBox横排  -->
+                <ListBox.ItemsPanel>
+                    <ItemsPanelTemplate>
+                        <WrapPanel HorizontalAlignment="Stretch" Orientation="Horizontal" />
+                    </ItemsPanelTemplate>
+                </ListBox.ItemsPanel>
+
+                <ListBox.ItemContainerStyle>
+                    <Style TargetType="ListBoxItem">
+                        <Setter Property="Margin" Value="3" />
+                        <Setter Property="Template">
+                            <Setter.Value>
+                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                    <Border
+                                        x:Name="ItemContainerBorder"
+                                        BorderBrush="{StaticResource BackgroundBrush}"
+                                        BorderThickness="1">
+                                        <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Center" />
+                                    </Border>
+
+                                    <ControlTemplate.Triggers>
+                                        <Trigger Property="IsSelected" Value="True">
+                                            <Setter TargetName="ItemContainerBorder" Property="Background" Value="{StaticResource MainThemeBrush}" />
+                                            <Setter TargetName="ItemContainerBorder" Property="TextBlock.Foreground" Value="White" />
+                                        </Trigger>
+                                    </ControlTemplate.Triggers>
+                                </ControlTemplate>
+                            </Setter.Value>
+                        </Setter>
+                    </Style>
+                </ListBox.ItemContainerStyle>
+            </ListBox>
+
+            <Grid Grid.Row="1" Margin="10,8">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <TextBlock
+                    Grid.Column="1"
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Text="{Binding SelectedImageFile.FileSize, StringFormat={}文件大小：{0}}" />
+
+                <hc:Pagination
+                    Grid.Column="2"
+                    IsJumpEnabled="True"
+                    MaxPageCount="{Binding MaxPage}">
+                    <hc:Interaction.Triggers>
+                        <hc:EventTrigger EventName="PageUpdated">
+                            <hc:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                        </hc:EventTrigger>
+                    </hc:Interaction.Triggers>
+                </hc:Pagination>
+            </Grid>
+        </Grid>
+    </Grid>
+</UserControl>
diff --git a/Correlator/Dialog/ScreenImageFileDialog.xaml.cs b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
new file mode 100644
index 0000000..fcde978
--- /dev/null
+++ b/Correlator/Dialog/ScreenImageFileDialog.xaml.cs
@@ -0,0 +1,12 @@
+using System.Windows.Controls;
+
+namespace Correlator.Dialog
+{
+    public partial class ScreenImageFileDialog : UserControl
+    {
+        public ScreenImageFileDialog()
+        {
+            InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/Correlator/Fonts/iconfont.ttf b/Correlator/Fonts/iconfont.ttf
index 395515a..17852ab 100644
--- a/Correlator/Fonts/iconfont.ttf
+++ b/Correlator/Fonts/iconfont.ttf
Binary files differ
diff --git a/Correlator/Image/empty_image.png b/Correlator/Image/empty_image.png
new file mode 100644
index 0000000..35744f1
--- /dev/null
+++ b/Correlator/Image/empty_image.png
Binary files differ
diff --git a/Correlator/Util/MethodExtensions.cs b/Correlator/Util/MethodExtensions.cs
index 473893f..7a0fd9f 100644
--- a/Correlator/Util/MethodExtensions.cs
+++ b/Correlator/Util/MethodExtensions.cs
@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.Collections.ObjectModel;
 using System.Drawing;
 using System.Drawing.Imaging;
 using System.Globalization;
@@ -548,5 +549,21 @@
 
             return bitmap;
         }
+
+        /// <summary>
+        /// List 转 ObservableCollection
+        /// </summary>
+        /// <param name="imageFiles"></param>
+        /// <returns></returns>
+        public static ObservableCollection<ImageFile> ToObservableCollection(this List<ImageFile> imageFiles)
+        {
+            var collection = new ObservableCollection<ImageFile>();
+            foreach (var file in imageFiles)
+            {
+                collection.Add(file);
+            }
+
+            return collection;
+        }
     }
 }
\ No newline at end of file
diff --git a/Correlator/ViewModels/MainWindowViewModel.cs b/Correlator/ViewModels/MainWindowViewModel.cs
index 703b8aa..8dfaa73 100644
--- a/Correlator/ViewModels/MainWindowViewModel.cs
+++ b/Correlator/ViewModels/MainWindowViewModel.cs
@@ -638,7 +638,7 @@
 
         private void OpenImageFile(Popup popup)
         {
-            _dialogService.Show("PictureFileDialog", null, delegate { });
+            _dialogService.Show("ScreenImageFileDialog", null, delegate { });
             popup.IsOpen = false;
         }
 
diff --git a/Correlator/ViewModels/PictureFileDialogViewModel.cs b/Correlator/ViewModels/PictureFileDialogViewModel.cs
deleted file mode 100644
index 2bb47c5..0000000
--- a/Correlator/ViewModels/PictureFileDialogViewModel.cs
+++ /dev/null
@@ -1,179 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Windows;
-using Correlator.Model;
-using Correlator.Util;
-using HandyControl.Controls;
-using HandyControl.Data;
-using Prism.Commands;
-using Prism.Mvvm;
-using Prism.Services.Dialogs;
-using MessageBox = System.Windows.MessageBox;
-
-namespace Correlator.ViewModels
-{
-    public class PictureFileDialogViewModel : BindableBase, IDialogAware
-    {
-        #region 属性绑定
-
-        public string Title => "图片文件列表";
-
-        public event Action<IDialogResult> RequestClose
-        {
-            add { }
-            remove { }
-        }
-
-        private List<ImageFile> _pictureFiles;
-
-        public List<ImageFile> PictureFiles
-        {
-            get => _pictureFiles;
-            set
-            {
-                _pictureFiles = value;
-                RaisePropertyChanged();
-            }
-        }
-
-        private int _pageIndex = 1;
-
-        public int PageIndex
-        {
-            get => _pageIndex;
-            set
-            {
-                _pageIndex = value;
-                RaisePropertyChanged();
-            }
-        }
-
-        private int _maxPage;
-
-        public int MaxPage
-        {
-            get => _maxPage;
-            set
-            {
-                _maxPage = value;
-                RaisePropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region DelegateCommand
-
-        public DelegateCommand<ImageFile> ItemSelectedCommand { get; set; }
-        public DelegateCommand ShowPictureCommand { get; set; }
-        public DelegateCommand DeletePictureCommand { get; set; }
-        public DelegateCommand<FunctionEventArgs<int>> PageUpdatedCmd { get; set; }
-
-        #endregion
-
-        private readonly IDialogService _dialogService;
-        private ImageFile _selectedFile;
-
-        public PictureFileDialogViewModel(IDialogService dialogService)
-        {
-            _dialogService = dialogService;
-
-            ItemSelectedCommand = new DelegateCommand<ImageFile>(ItemSelected);
-            ShowPictureCommand = new DelegateCommand(ShowPicture);
-            DeletePictureCommand = new DelegateCommand(DeletePicture);
-            PageUpdatedCmd = new DelegateCommand<FunctionEventArgs<int>>(PageUpdated);
-        }
-
-        private void ItemSelected(ImageFile selectedItem)
-        {
-            _selectedFile = selectedItem;
-        }
-
-        private void ShowPicture()
-        {
-            if (_selectedFile == null)
-            {
-                MessageBox.Show("图片文件路径错误，无法查看", "温馨提示", MessageBoxButton.OK, MessageBoxImage.Stop);
-                return;
-            }
-
-            _dialogService.ShowDialog("BigPictureView", new DialogParameters
-            {
-                { "ImageFullPath", _selectedFile.FullPath }
-            }, delegate { });
-        }
-
-        private void DeletePicture()
-        {
-            if (_selectedFile == null)
-            {
-                Growl.Error("删除失败");
-                return;
-            }
-
-            try
-            {
-                File.Delete(_selectedFile.FullPath);
-
-                //刷新数据
-                var totalFiles = GetTotalPictureFiles();
-                MaxPage = totalFiles.Count.GetPageSize();
-                PageIndex = 1;
-                PictureFiles = totalFiles.Take(RuntimeCache.PerPageItemCount).ToList();
-            }
-            catch (IOException)
-            {
-                Growl.Error("删除失败");
-            }
-        }
-
-        private void PageUpdated(FunctionEventArgs<int> args)
-        {
-            PictureFiles = GetTotalPictureFiles()
-                .Skip((args.Info - 1) * RuntimeCache.PerPageItemCount)
-                .Take(RuntimeCache.PerPageItemCount)
-                .ToList();
-        }
-
-        public bool CanCloseDialog()
-        {
-            return true;
-        }
-
-        public void OnDialogClosed()
-        {
-        }
-
-        public void OnDialogOpened(IDialogParameters parameters)
-        {
-            var totalFiles = GetTotalPictureFiles();
-            MaxPage = totalFiles.Count.GetPageSize();
-            PictureFiles = totalFiles.Take(RuntimeCache.PerPageItemCount).ToList();
-        }
-
-        private static List<ImageFile> GetTotalPictureFiles()
-        {
-            var files = new DirectoryInfo(DirectoryManager.GetPictureDir())
-                .GetFiles("*", SearchOption.AllDirectories);
-            var imageFiles = new List<ImageFile>();
-            foreach (var file in files)
-            {
-                var filePath = DirectoryManager.GetPictureDir() + "\\" + file.Name;
-                var imageFile = new ImageFile
-                {
-                    FileName = file.Name,
-                    FullPath = filePath,
-                    ScreenBitmapImage = filePath.GetBitmapImage(),
-                    FileSize = file.Length.FormatFileSize(),
-                    CreationTime = file.LastWriteTime.ToString("yyyy-MM-dd HH:mm:ss")
-                };
-
-                imageFiles.Add(imageFile);
-            }
-
-            return imageFiles.OrderBy(file => file.CreationTime).Reverse().ToList();
-        }
-    }
-}
\ No newline at end of file
diff --git a/Correlator/ViewModels/ScreenImageFileDialogViewModel.cs b/Correlator/ViewModels/ScreenImageFileDialogViewModel.cs
new file mode 100644
index 0000000..4a4be46
--- /dev/null
+++ b/Correlator/ViewModels/ScreenImageFileDialogViewModel.cs
@@ -0,0 +1,198 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.IO;
+using System.Linq;
+using System.Windows;
+using System.Windows.Media.Imaging;
+using Correlator.Model;
+using Correlator.Util;
+using HandyControl.Controls;
+using HandyControl.Data;
+using Prism.Commands;
+using Prism.Mvvm;
+using Prism.Services.Dialogs;
+using MessageBox = HandyControl.Controls.MessageBox;
+
+namespace Correlator.ViewModels
+{
+    public class ScreenImageFileDialogViewModel : BindableBase, IDialogAware
+    {
+        #region 属性绑定
+
+        public string Title => "图片文件列表";
+
+        public event Action<IDialogResult> RequestClose
+        {
+            add { }
+            remove { }
+        }
+
+        private BitmapImage _emptyBitmapImage;
+
+        public BitmapImage EmptyBitmapImage
+        {
+            get => _emptyBitmapImage;
+            set
+            {
+                _emptyBitmapImage = value;
+                RaisePropertyChanged();
+            }
+        }
+
+        private ObservableCollection<ImageFile> _pictureFiles;
+
+        public ObservableCollection<ImageFile> PictureFiles
+        {
+            get => _pictureFiles;
+            set
+            {
+                _pictureFiles = value;
+                RaisePropertyChanged();
+            }
+        }
+
+        private ImageFile _selectedImageFile;
+
+        public ImageFile SelectedImageFile
+        {
+            get => _selectedImageFile;
+            set
+            {
+                _selectedImageFile = value;
+                RaisePropertyChanged();
+            }
+        }
+
+        private int _maxPage;
+
+        public int MaxPage
+        {
+            get => _maxPage;
+            set
+            {
+                _maxPage = value;
+                RaisePropertyChanged();
+            }
+        }
+
+        #endregion
+
+        #region DelegateCommand
+
+        public DelegateCommand<ImageFile> ItemSelectedCommand { get; set; }
+        public DelegateCommand<object> ShowPictureCommand { get; set; }
+        public DelegateCommand<object> DeletePictureCommand { get; set; }
+        public DelegateCommand<FunctionEventArgs<int>> PageUpdatedCmd { get; set; }
+
+        #endregion
+
+        private readonly IDialogService _dialogService;
+
+        /// <summary>
+        /// 截屏九宫格每页条目数
+        /// </summary>
+        private const int PerGridItemCount = 12;
+
+        public ScreenImageFileDialogViewModel(IDialogService dialogService)
+        {
+            _dialogService = dialogService;
+
+            ItemSelectedCommand = new DelegateCommand<ImageFile>(ItemSelected);
+            ShowPictureCommand = new DelegateCommand<object>(ShowPicture);
+            DeletePictureCommand = new DelegateCommand<object>(DeletePicture);
+            PageUpdatedCmd = new DelegateCommand<FunctionEventArgs<int>>(PageUpdated);
+        }
+
+        private void ItemSelected(ImageFile selectedItem)
+        {
+            SelectedImageFile = selectedItem;
+        }
+
+        private void ShowPicture(object filePath)
+        {
+            if (filePath == null)
+            {
+                MessageBox.Show("图片文件路径错误，无法查看", "温馨提示", MessageBoxButton.OK, MessageBoxImage.Stop);
+                return;
+            }
+
+            _dialogService.ShowDialog("BigPictureView", new DialogParameters
+            {
+                { "ImageFullPath", filePath }
+            }, delegate { });
+        }
+
+        private void DeletePicture(object filePath)
+        {
+            if (filePath == null)
+            {
+                Growl.Error("删除失败");
+                return;
+            }
+
+            try
+            {
+                File.Delete((string)filePath);
+
+                //刷新数据
+                var totalFiles = GetTotalPictureFiles();
+                MaxPage = (totalFiles.Count + PerGridItemCount - 1) / PerGridItemCount;
+                PictureFiles = totalFiles.ToObservableCollection();
+            }
+            catch (IOException)
+            {
+                Growl.Error("删除失败");
+            }
+        }
+
+        private void PageUpdated(FunctionEventArgs<int> args)
+        {
+            var imageFiles = GetTotalPictureFiles()
+                .Skip((args.Info - 1) * PerGridItemCount)
+                .Take(PerGridItemCount)
+                .ToList();
+            PictureFiles = imageFiles.ToObservableCollection();
+        }
+
+        public bool CanCloseDialog()
+        {
+            return true;
+        }
+
+        public void OnDialogClosed()
+        {
+        }
+
+        public void OnDialogOpened(IDialogParameters parameters)
+        {
+            EmptyBitmapImage = new BitmapImage(new Uri(@"..\..\Image\empty_image.png", UriKind.Relative));
+            var totalFiles = GetTotalPictureFiles();
+            MaxPage = (totalFiles.Count + PerGridItemCount - 1) / PerGridItemCount;
+            PictureFiles = totalFiles.Take(PerGridItemCount).ToList().ToObservableCollection();
+        }
+
+        private static List<ImageFile> GetTotalPictureFiles()
+        {
+            var files = new DirectoryInfo(DirectoryManager.GetPictureDir())
+                .GetFiles("*", SearchOption.AllDirectories);
+            var imageFiles = new List<ImageFile>();
+            foreach (var file in files)
+            {
+                var filePath = DirectoryManager.GetPictureDir() + "\\" + file.Name;
+                var imageFile = new ImageFile
+                {
+                    FileName = file.Name,
+                    FullPath = filePath,
+                    ScreenBitmapImage = filePath.GetBitmapImage(),
+                    FileSize = file.Length.FormatFileSize(),
+                    CreationTime = file.LastWriteTime.ToString("yyyy-MM-dd HH:mm:ss")
+                };
+
+                imageFiles.Add(imageFile);
+            }
+
+            return imageFiles.OrderBy(file => file.CreationTime).Reverse().ToList();
+        }
+    }
+}
\ No newline at end of file