Reduce the layout flickering

Make all elements that aren't always visible, not visible by default.

GH-102

Author: TolikPylypchuk

src/KeyboardSwitch.Settings/Views/AboutView.axaml

@@ -17,13 +17,13 @@
                     HorizontalAlignment="Left" />
 
             <Button x:Name="GetNewVersionButton" Content="{l:Translate GetNewVersion}" Classes="accent"
-                    HorizontalAlignment="Left" />
+                    HorizontalAlignment="Left" IsVisible="False" />
         </WrapPanel>
 
         <TextBlock x:Name="NoNewVersionsTextBlock" Text="{l:Translate NoNewVersions}" Margin="10"
                    FontSize="{DynamicResource FontSizeNormal}" IsVisible="False" />
 
         <TextBlock x:Name="GetNewVersionHintTextBlock" Text="{l:Translate GetNewVersionHint}" Margin="10"
-                   FontSize="{DynamicResource FontSizeNormal}" TextWrapping="Wrap" />
+                   FontSize="{DynamicResource FontSizeNormal}" TextWrapping="Wrap" IsVisible="False" />
     </StackPanel>
 </UserControl>

src/KeyboardSwitch.Settings/Views/CharMappingView.axaml

@@ -12,7 +12,7 @@
     </UserControl.Styles>
 
     <DockPanel>
-        <StackPanel x:Name="ActionPanel" DockPanel.Dock="Bottom">
+        <StackPanel x:Name="ActionPanel" DockPanel.Dock="Bottom" IsVisible="False">
             <Button x:Name="SaveButton" Content="{l:Translate Save}" Classes="accent" />
             <Button x:Name="CancelButton" Content="{l:Translate Cancel}" />
         </StackPanel>
@@ -26,11 +26,14 @@
                               Grid.IsSharedSizeScope="True" />
 
                 <Button x:Name="AutoConfigureButton" Content="{l:Translate AutoConfigure}" Classes="accent"
-                        FontSize="{DynamicResource FontSizeLarge}" Margin="10" HorizontalAlignment="Center" />
+                        FontSize="{DynamicResource FontSizeLarge}" Margin="10" HorizontalAlignment="Center"
+                        IsVisible="False" />
 
-                <TextBlock x:Name="NewLayoutsTextBlock" Text="{l:Translate NewLayoutsHint}" Classes="Hint" />
+                <TextBlock x:Name="NewLayoutsTextBlock" Text="{l:Translate NewLayoutsHint}" Classes="Hint"
+                           IsVisible="False" />
 
-                <StackPanel x:Name="RemoveLayoutsPanel" Orientation="Horizontal" HorizontalAlignment="Center">
+                <StackPanel x:Name="RemoveLayoutsPanel" Orientation="Horizontal" HorizontalAlignment="Center"
+                            IsVisible="False">
                     <TextBlock Text="{l:Translate RemoveLayoutsHint}" Classes="Hint" MaxWidth="500" />
                     <Button x:Name="RemoveLayoutsButton" Content="{l:Translate DeleteLayoutConfiguration}"
                             Margin="0 10" VerticalAlignment="Center" />

src/KeyboardSwitch.Settings/Views/PreferencesView.axaml

@@ -4,7 +4,7 @@
              xmlns:l="using:KeyboardSwitch.Settings.Localization"
              x:Class="KeyboardSwitch.Settings.Views.PreferencesView">
     <DockPanel>
-        <StackPanel x:Name="ActionPanel" DockPanel.Dock="Bottom">
+        <StackPanel x:Name="ActionPanel" DockPanel.Dock="Bottom" IsVisible="False">
             <Button x:Name="SaveButton" Content="{l:Translate Save}" Classes="accent" />
             <Button x:Name="CancelButton" Content="{l:Translate Cancel}" />
         </StackPanel>
@@ -24,7 +24,7 @@
                 <StackPanel Orientation="Horizontal" Margin="10">
                     <CheckBox x:Name="ShowRemovedLayoutsMessageCheckBox" Classes="FormControl"
                               Content="{l:Translate ShowUninstalledLayoutsMessage}" />
-                    <CheckBox x:Name="UseXselCheckBox" Classes="FormControl"
+                    <CheckBox x:Name="UseXselCheckBox" Classes="FormControl" IsVisible="False"
                               Content="{l:Translate UseXsel}" ToolTip.Tip="{l:Translate UseXselHint}" />
                 </StackPanel>
 
@@ -68,10 +68,10 @@
                     <ComboBox x:Name="AppThemeVariantComboBox" Classes="FormControl" />
                 </StackPanel>
 
-                <TextBlock x:Name="PressCountValidationTextBlock" Classes="Error" />
-                <TextBlock x:Name="WaitMillisecondsValidationTextBlock" Classes="Error" />
-                <TextBlock x:Name="ModifierKeysValidationTextBlock" Classes="Error" />
-                <TextBlock x:Name="SwitchMethodsValidationTextBlock" Classes="Error" />
+                <TextBlock x:Name="PressCountValidationTextBlock" Classes="Error" IsVisible="False" />
+                <TextBlock x:Name="WaitMillisecondsValidationTextBlock" Classes="Error" IsVisible="False" />
+                <TextBlock x:Name="ModifierKeysValidationTextBlock" Classes="Error" IsVisible="False" />
+                <TextBlock x:Name="SwitchMethodsValidationTextBlock" Classes="Error" IsVisible="False" />
             </StackPanel>
         </ScrollViewer>
     </DockPanel>

src/KeyboardSwitch.Settings/Views/ServiceView.axaml

@@ -12,18 +12,18 @@
                 </Style>
             </StackPanel.Styles>
 
-            <TextBlock x:Name="ServiceRunningTextBlock" Classes="Status"
+            <TextBlock x:Name="ServiceRunningTextBlock" Classes="Status" IsVisible="False"
                        Text="{l:Translate KeyboardSwitchServiceRunning}" />
 
-            <TextBlock x:Name="ServiceNotRunningTextBlock" Classes="Status"
+            <TextBlock x:Name="ServiceNotRunningTextBlock" Classes="Status" IsVisible="False"
                        Text="{l:Translate KeyboardSwitchServiceNotRunning}" />
 
-            <TextBlock x:Name="ServiceShuttingDownTextBlock" Classes="Status"
+            <TextBlock x:Name="ServiceShuttingDownTextBlock" Classes="Status" IsVisible="False"
                        Text="{l:Translate KeyboardSwitchServiceShuttingDown}" />
 
-            <Button x:Name="StartServiceButton" Content="{l:Translate Start}" Classes="accent" />
-            <Button x:Name="StopServiceButton" Content="{l:Translate Stop}" />
-            <Button x:Name="KillServiceButton" Content="{l:Translate Kill}" />
+            <Button x:Name="StartServiceButton" Content="{l:Translate Start}" Classes="accent" IsVisible="False" />
+            <Button x:Name="StopServiceButton" Content="{l:Translate Stop}" IsVisible="False" />
+            <Button x:Name="KillServiceButton" Content="{l:Translate Kill}" IsVisible="False" />
         </StackPanel>
     </Border>
 </UserControl>