|
|
@@ -4,20 +4,106 @@
|
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
|
xmlns:local="clr-namespace:OHV.Vehicle"
|
|
|
+ xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
|
|
xmlns:prism="http://prismlibrary.com/"
|
|
|
prism:ViewModelLocator.AutoWireViewModel="True"
|
|
|
mc:Ignorable="d"
|
|
|
- Title="{Binding Title}" Height="1000" Width="1280">
|
|
|
- <Grid>
|
|
|
- <Grid.ColumnDefinitions>
|
|
|
- <ColumnDefinition Width="1*"/>
|
|
|
- <ColumnDefinition Width="1*"/>
|
|
|
- </Grid.ColumnDefinitions>
|
|
|
-
|
|
|
- <TextBlock ><InlineUIContainer>
|
|
|
- </InlineUIContainer></TextBlock>
|
|
|
- <Button Content="Button" Height="30" Width="65" Command="{Binding TestCommand}"/>
|
|
|
-
|
|
|
- <ContentControl Grid.Column="1" prism:RegionManager.RegionName="IOView" />
|
|
|
+ Title="{Binding Title}" Height="800" Width="1280">
|
|
|
+
|
|
|
+ <Window.Resources>
|
|
|
+ <Storyboard x:Key="MenuOpen">
|
|
|
+ <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="GridMenu" >
|
|
|
+ <EasingDoubleKeyFrame KeyTime="0" Value="70"/>
|
|
|
+ <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="200"/>
|
|
|
+ </DoubleAnimationUsingKeyFrames>
|
|
|
+ </Storyboard>
|
|
|
+
|
|
|
+ <Storyboard x:Key="MenuClose">
|
|
|
+ <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="GridMenu" >
|
|
|
+ <EasingDoubleKeyFrame KeyTime="0" Value="200"/>
|
|
|
+ <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="70"/>
|
|
|
+ </DoubleAnimationUsingKeyFrames>
|
|
|
+ </Storyboard>
|
|
|
+ </Window.Resources>
|
|
|
+
|
|
|
+ <Window.Triggers>
|
|
|
+ <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonOpenMenu">
|
|
|
+ <BeginStoryboard Storyboard="{StaticResource MenuOpen}"/>
|
|
|
+ </EventTrigger>
|
|
|
+
|
|
|
+ <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonCloseMenu">
|
|
|
+ <BeginStoryboard Storyboard="{StaticResource MenuClose}"/>
|
|
|
+ </EventTrigger>
|
|
|
+ </Window.Triggers>
|
|
|
+
|
|
|
+ <Grid Background="{x:Null}">
|
|
|
+ <!--<Grid x:Name="GridMain" HorizontalAlignment="Right" VerticalAlignment="Bottom" Height="540" Width="1020"/>-->
|
|
|
+ <DockPanel LastChildFill="True">
|
|
|
+ <ContentControl prism:RegionManager.RegionName="ModuleAuto" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="1212" Height="710"/>
|
|
|
+ </DockPanel>
|
|
|
+ <Grid Height="60" VerticalAlignment="Top" Background="#FF1368BD">
|
|
|
+ <TextBlock Text="Over Head Vehicle" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" Foreground="White"/>
|
|
|
+ <StackPanel VerticalAlignment="Center" Orientation="Horizontal" HorizontalAlignment="Right">
|
|
|
+ <TextBlock Text="Current Mode [IDLE ? RUN] " VerticalAlignment="Center" HorizontalAlignment="Right" FontSize="18" Foreground="White"/>
|
|
|
+ <materialDesign:PopupBox HorizontalAlignment="Right" Margin="10" PlacementMode="BottomAndAlignRightEdges" StaysOpen="False" Foreground="White">
|
|
|
+ <StackPanel Width="150">
|
|
|
+ <Button Content="Settings"/>
|
|
|
+ <Button Content="Help"/>
|
|
|
+ <Separator/>
|
|
|
+ <Button x:Name="ButtonPopUpLogout" Content="LogOut" Click="ButtonPopUpLogout_Click"/>
|
|
|
+ </StackPanel>
|
|
|
+ </materialDesign:PopupBox>
|
|
|
+ </StackPanel>
|
|
|
+ </Grid>
|
|
|
+ <Grid x:Name="GridMenu" Width="60" HorizontalAlignment="Left" Background="#FF1B3861">
|
|
|
+ <StackPanel>
|
|
|
+ <Grid Height="150" Background="White">
|
|
|
+ <Button x:Name="ButtonOpenMenu" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Width="60" Height="60" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="#FF31577E" VerticalAlignment="Top" HorizontalAlignment="Right" Click="ButtonOpenMenu_Click">
|
|
|
+ <materialDesign:PackIcon Kind="Menu" Width="25" Height="25"/>
|
|
|
+ </Button>
|
|
|
+
|
|
|
+ <Button x:Name="ButtonCloseMenu" Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}" Width="60" Height="60" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="#FF31577E" VerticalAlignment="Top" HorizontalAlignment="Right" Visibility="Collapsed" Click="ButtonCloseMenu_Click">
|
|
|
+ <materialDesign:PackIcon Kind="ArrowLeft" Width="25" Height="25"/>
|
|
|
+ </Button>
|
|
|
+ </Grid>
|
|
|
+
|
|
|
+ <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
|
|
|
+ <ListViewItem Height="60">
|
|
|
+ <StackPanel Orientation="Horizontal">
|
|
|
+ <materialDesign:PackIcon Kind="ViewDashboard" Width="25" Height="25" VerticalAlignment="Center" Margin="10"/>
|
|
|
+ <TextBlock Text="Home" VerticalAlignment="Center" Margin="20, 10"/>
|
|
|
+ </StackPanel>
|
|
|
+ </ListViewItem>
|
|
|
+
|
|
|
+ <ListViewItem Height="60">
|
|
|
+ <StackPanel Orientation="Horizontal">
|
|
|
+ <materialDesign:PackIcon Kind="AxisArrow" Width="25" Height="25" VerticalAlignment="Center" Margin="10"/>
|
|
|
+ <TextBlock Text="Device" VerticalAlignment="Center" Margin="20, 10"/>
|
|
|
+ </StackPanel>
|
|
|
+ </ListViewItem>
|
|
|
+
|
|
|
+ <ListViewItem Height="60">
|
|
|
+ <StackPanel Orientation="Horizontal">
|
|
|
+ <materialDesign:PackIcon Kind="CarConnected" Width="25" Height="25" VerticalAlignment="Center" Margin="10"/>
|
|
|
+ <TextBlock Text="Config" VerticalAlignment="Center" Margin="20, 10"/>
|
|
|
+ </StackPanel>
|
|
|
+ </ListViewItem>
|
|
|
+
|
|
|
+ <ListViewItem Height="60">
|
|
|
+ <StackPanel Orientation="Horizontal">
|
|
|
+ <materialDesign:PackIcon Kind="Message" Width="25" Height="25" VerticalAlignment="Center" Margin="10"/>
|
|
|
+ <TextBlock Text="Message" VerticalAlignment="Center" Margin="20, 10"/>
|
|
|
+ </StackPanel>
|
|
|
+ </ListViewItem>
|
|
|
+
|
|
|
+ <!--<ListViewItem Height="60">
|
|
|
+ <StackPanel Orientation="Horizontal">
|
|
|
+ <materialDesign:PackIcon Kind="GithubCircle" Width="25" Height="25" VerticalAlignment="Center" Margin="10"/>
|
|
|
+ <TextBlock Text="GitHub" VerticalAlignment="Center" Margin="20, 10"/>
|
|
|
+ </StackPanel>
|
|
|
+ </ListViewItem>-->
|
|
|
+ </ListView>
|
|
|
+ </StackPanel>
|
|
|
+ </Grid>
|
|
|
</Grid>
|
|
|
</Window>
|