design: CCTV 관제화면 디자인 적용

SmartAquaViewer/Controls/FFPlayerControl.xaml

@@ -7,7 +7,7 @@
              mc:Ignorable="d" 
              d:DesignHeight="450" d:DesignWidth="800">
     <Border >
-        <Grid Background="Transparent">
+        <Grid Background="#1D3649">
             <Grid.RowDefinitions>
                 <RowDefinition Height="32"/>
                 <RowDefinition Height="*"/>
@@ -21,14 +21,14 @@
             </Border>
 
             <Border Grid.Row="1" x:Name="bdrNoSignalContainer" 
-                    Visibility="{Binding IsPlayingVIsibility}"
-                    Background="#1D3649">
+                    Visibility="{Binding IsPlayingVIsibility}">
                 <TextBlock Name="lblVideoStatus" Text="연결 없음"
                            VerticalAlignment="Center" HorizontalAlignment="Center"
                            FontSize="16" Foreground="#999999" FontFamily="{StaticResource SCDream5}"/>
             </Border>
 
-            <Image x:Name="imgPlayer" Grid.RowSpan="2" Stretch="Fill" Source="{Binding CurrentFrame}"
+            <Image x:Name="imgPlayer" Grid.Row="1" 
+                   Stretch="Fill" Source="{Binding CurrentFrame}"
                    HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
             <!--<StackPanel Name="spTopMenuBar"  Visibility="Hidden" Grid.Row="0" Orientation="Horizontal" HorizontalAlignment="Right">
             <Image Name="imgMaximize" Source="../Images/maximize.png" Width="24" Margin="1, 5, 0, 5" MouseLeftButtonUp="imgMaximize_MouseUp" Opacity="0.7" MouseEnter="imgTopmenu_MouseEnter" MouseLeave="imgTopmenu_MouseLeave"/>

SmartAquaViewer/View/CCTVView.xaml

@@ -18,9 +18,18 @@
                     <ItemsControl ItemsSource="{Binding PlayerVMs}" Margin="0 0 46 0">
                         <ItemsControl.ItemsPanel>
                             <ItemsPanelTemplate>
-                                <UniformGrid x:Name="ugrdFFPlayer" Rows="{Binding RowCount}" Columns="{Binding ColumnCount}" />
+                                <UniformGrid x:Name="ugrdFFPlayer" Margin="-4"
+                                             Rows="{Binding RowCount}" Columns="{Binding ColumnCount}" />
                             </ItemsPanelTemplate>
                         </ItemsControl.ItemsPanel>
+
+                        <ItemsControl.ItemContainerStyle>
+                            <Style TargetType="ContentPresenter">
+                                <Setter Property="Margin" Value="4"/>
+                                <!-- 원하는 간격값 -->
+                            </Style>
+                        </ItemsControl.ItemContainerStyle>
+
                         <ItemsControl.ItemTemplate>
                             <DataTemplate>
                                 <controls:FFPlayerControl/>