Added help page

This commit is contained in:
2015-12-23 23:43:21 +01:00
parent 6a1facf4e6
commit 2e9538c58d
7 changed files with 197 additions and 5 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

+18
View File
@@ -252,4 +252,22 @@
<data name="GPSInfo" xml:space="preserve">
<value>GPS Information</value>
</data>
<data name="HelpItem1Header" xml:space="preserve">
<value>Position</value>
</data>
<data name="HelpItem1Text" xml:space="preserve">
<value>Your position on the map is displayed with the icon on the left</value>
</data>
<data name="HelpItem2Header" xml:space="preserve">
<value>Menu</value>
</data>
<data name="HelpItem2Text" xml:space="preserve">
<value>You can open the menu by tapping on the icon in the upper left of the application. You can also swipe from the left edge of the screen. There are four options in the menu. Map, Route, Help and Settings. These will be discussed in depth later. The information at the bottom of the menu will be explained in the next section.</value>
</data>
<data name="HelpItem3Header" xml:space="preserve">
<value>GPS Information</value>
</data>
<data name="HelpItem3Text" xml:space="preserve">
<value>You can find GPS Information at the bottom of the menu. It exists out of three parts. The first is the status of the GPS connection, for examle "disabled" or "ready". Secondly is the way in which the GPS is connecte, Cellular is the least accurate, Satellite the most. The third part is the accuracy in meters.</value>
</data>
</root>
+19 -1
View File
@@ -124,7 +124,7 @@
<value>Beschrijving</value>
</data>
<data name="Disabled" xml:space="preserve">
<value>Uitgeschakelt</value>
<value>Uitgeschakeld</value>
</data>
<data name="Done" xml:space="preserve">
<value>Klaar</value>
@@ -252,4 +252,22 @@
<data name="GPSInfo" xml:space="preserve">
<value>GPS Informatie</value>
</data>
<data name="HelpItem1Header" xml:space="preserve">
<value>Posititie</value>
</data>
<data name="HelpItem1Text" xml:space="preserve">
<value>Uw positie op de map wordt weergegeven door het icoon hiernaast</value>
</data>
<data name="HelpItem2Header" xml:space="preserve">
<value>Menu</value>
</data>
<data name="HelpItem2Text" xml:space="preserve">
<value>U kunt het menu openen door op het icoontje links boven in de applicatie te tikken. U kunt ook swipen vanaf de linker rand van het scherm. U heeft binnen het menu 4 opties. Kaart, Route, Hulp, Instellingen. Hierover zal later dieper ingegaan worden. De text onderaan het menu wordt in het volgende onderdeel behandeld.</value>
</data>
<data name="HelpItem3Header" xml:space="preserve">
<value>GPS Informatie</value>
</data>
<data name="HelpItem3Text" xml:space="preserve">
<value>U kunt de GPS informatie onder in het menu vinden. Het bestaat uit drie onderdelen. Het eerste is de status van de GPS verbinding, zoals "uitgeschakeld" of "klaar". Ten tweede staat er de manier waarop de GPS verbonden is, GSM is het minst nauwkeurig, Satelliet het meest. Ten derde staat er de accuratie in meters.</value>
</data>
</root>
+2
View File
@@ -96,6 +96,8 @@
<Content Include="Assets\CurrentLocationRound.png">
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
</Content>
<Content Include="Assets\Help\HelpItem2Image.png" />
<Content Include="Assets\Help\HelpItem3Image.png" />
<Content Include="Assets\LandmarkNotVisited.png">
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
</Content>
+56 -1
View File
@@ -18,7 +18,62 @@ namespace NavCityBreda.ViewModels
protected override void UpdatePropertiesToNewLanguage()
{
NotifyPropertyChanged(nameof(HelpItem1Header));
NotifyPropertyChanged(nameof(HelpItem1Text));
NotifyPropertyChanged(nameof(HelpItem2Header));
NotifyPropertyChanged(nameof(HelpItem2Text));
NotifyPropertyChanged(nameof(HelpItem3Header));
NotifyPropertyChanged(nameof(HelpItem3Text));
}
public string HelpItem1Header
{
get
{
return Util.Loader.GetString("HelpItem1Header");
}
}
public string HelpItem1Text
{
get
{
return Util.Loader.GetString("HelpItem1Text");
}
}
public string HelpItem2Header
{
get
{
return Util.Loader.GetString("HelpItem2Header");
}
}
public string HelpItem2Text
{
get
{
return Util.Loader.GetString("HelpItem2Text");
}
}
public string HelpItem3Header
{
get
{
return Util.Loader.GetString("HelpItem3Header");
}
}
public string HelpItem3Text
{
get
{
return Util.Loader.GetString("HelpItem3Text");
}
}
}
}
+102 -3
View File
@@ -7,7 +7,106 @@
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid>
<TextBlock Text="This needs to be designed and made"/>
</Grid>
<Page.Resources>
<Style TargetType="StackPanel" x:Key="HelpPanel">
<Setter Property="Margin" Value="10,10,10,0" />
<Setter Property="Padding" Value="0,0,0,10" />
<Setter Property="BorderBrush" Value="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}" />
<Setter Property="BorderThickness" Value="0,0,0,2" />
</Style>
<Style TargetType="TextBlock" x:Key="HelpText">
<Setter Property="RelativePanel.AlignTopWithPanel" Value="True" />
<Setter Property="RelativePanel.AlignLeftWithPanel" Value="True" />
<Setter Property="TextWrapping" Value="WrapWholeWords" />
<Setter Property="TextAlignment" Value="Justify" />
</Style>
<Style TargetType="TextBlock" x:Key="HelpTextImage">
<Setter Property="RelativePanel.AlignTopWithPanel" Value="True" />
<Setter Property="RelativePanel.AlignLeftWithPanel" Value="True" />
<Setter Property="TextWrapping" Value="WrapWholeWords" />
<Setter Property="Margin" Value="0,0,60,0" />
<Setter Property="TextAlignment" Value="Justify" />
</Style>
<Style TargetType="Image" x:Key="HelpImageSmall">
<Setter Property="RelativePanel.AlignRightWithPanel" Value="True" />
<Setter Property="RelativePanel.AlignVerticalCenterWithPanel" Value="True" />
<Setter Property="Width" Value="50" />
<Setter Property="Height" Value="50" />
<Setter Property="Stretch" Value="UniformToFill"/>
</Style>
<Style TargetType="SymbolIcon" x:Key="HelpSymbolSmall">
<Setter Property="RelativePanel.AlignRightWithPanel" Value="True" />
<Setter Property="RelativePanel.AlignVerticalCenterWithPanel" Value="True" />
<Setter Property="Width" Value="50" />
<Setter Property="Height" Value="50" />
</Style>
<Style TargetType="TextBlock" x:Key="HelpIconSmall">
<Setter Property="RelativePanel.AlignRightWithPanel" Value="True" />
<Setter Property="RelativePanel.AlignVerticalCenterWithPanel" Value="True" />
<Setter Property="FontFamily" Value="Segoe MDL2 Assets" />
<Setter Property="FontSize" Value="40" />
</Style>
<Style TargetType="Image" x:Key="HelpImageLarge">
<Setter Property="Stretch" Value="UniformToFill"/>
<Setter Property="Margin" Value="0,5,0,0" />
</Style>
</Page.Resources>
<ScrollViewer HorizontalScrollMode="Disabled" VerticalScrollMode="Enabled" VerticalSnapPointsAlignment="Near">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<!-- Position -->
<StackPanel Grid.Row="0" Style="{StaticResource HelpPanel}">
<TextBlock Text="{Binding HelpItem1Header}" Style="{StaticResource Header}" />
<RelativePanel>
<TextBlock Text="{Binding HelpItem1Text}" Style="{StaticResource HelpTextImage}" />
<Image Source="/Assets/CurrentLocationRound.png" Style="{StaticResource HelpImageSmall}" />
</RelativePanel>
</StackPanel>
<!-- Page Navigation -->
<StackPanel Grid.Row="1" Style="{StaticResource HelpPanel}">
<TextBlock Text="{Binding HelpItem2Header}" Style="{StaticResource Header}" />
<RelativePanel>
<TextBlock Text="{Binding HelpItem2Text}" Style="{StaticResource HelpText}" />
</RelativePanel>
<Image Source="/Assets/Help/HelpItem2Image.png" Style="{StaticResource HelpImageLarge}" />
</StackPanel>
<!-- GPS Information -->
<StackPanel Grid.Row="2" Style="{StaticResource HelpPanel}">
<TextBlock Text="{Binding HelpItem3Header}" Style="{StaticResource Header}" />
<RelativePanel>
<TextBlock Text="{Binding HelpItem3Text}" Style="{StaticResource HelpText}" />
</RelativePanel>
<Image Source="/Assets/Help/HelpItem3Image.png" Style="{StaticResource HelpImageLarge}" />
</StackPanel>
<!-- Map + Controls (Tilt,zoom,pan,rotate) -->
<!-- Route -->
<!-- Help -->
<!-- Settings -->
<!-- Landmark -->
<!-- Visited / Not Visited -->
<!-- Starting a route -->
<!-- Stopping a route -->
<!-- What happens when you walk -->
<!-- Buttons and text during navigation -->
</Grid>
</ScrollViewer>
</Page>