From 285f6f026b2b9df0531fe0e015d3ce362ad7e67c Mon Sep 17 00:00:00 2001
From: Yan Maniez <yanmaniez@hotmail.com>
Date: Mon, 25 Feb 2019 18:19:59 +0100
Subject: [PATCH] Test TableView

---
 .../Views/PlayerCharacterEditorPage.xaml      | 129 +++++++++---------
 1 file changed, 68 insertions(+), 61 deletions(-)

diff --git a/AideDeJeu/AideDeJeu/Views/PlayerCharacterEditorPage.xaml b/AideDeJeu/AideDeJeu/Views/PlayerCharacterEditorPage.xaml
index c223f3f7..c27bdd10 100644
--- a/AideDeJeu/AideDeJeu/Views/PlayerCharacterEditorPage.xaml
+++ b/AideDeJeu/AideDeJeu/Views/PlayerCharacterEditorPage.xaml
@@ -12,65 +12,72 @@
             <tools:NullToFalseConverter x:Key="NullToFalseConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
-    <ScrollView>
-        <Grid>
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="Auto" />
-                <ColumnDefinition Width="*" />
-            </Grid.ColumnDefinitions>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
-            <Label Grid.Row="0" Grid.Column="0" Text="Niveau" />
-            <Picker Grid.Row="0" Grid.Column="1" ItemsSource="{Binding Levels}" ItemDisplayBinding="{Binding}" />
-            <Label Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Text="Race" />
-            <Picker Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"  ItemsSource="{Binding Races}" ItemDisplayBinding="{Binding Name}" SelectedIndex="{Binding RaceSelectedIndex, Mode=TwoWay}">
-            </Picker>
-            <!--<mdview:MarkdownView 
-                    Theme="{StaticResource MonsterMarkdownTheme}" 
-                    Markdown="{Binding SelectedPlayerCharacter.Race.Markdown}" 
-                    NavigateToLinkCommand="{Binding BindingContext.Main.Navigator.NavigateToLinkCommand, Source={x:Reference This}}"
-                    />-->
-            <Label Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2" Text="Classe" />
-            <Picker Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" ItemsSource="{Binding Classes}" ItemDisplayBinding="{Binding Name}"  SelectedIndex="{Binding ClassSelectedIndex, Mode=TwoWay}">
-            </Picker>
-            <!--<mdview:MarkdownView 
-                    Theme="{StaticResource MonsterMarkdownTheme}" 
-                    Markdown="{Binding SelectedPlayerCharacter.Class.Markdown}" 
-                    NavigateToLinkCommand="{Binding BindingContext.Main.Navigator.NavigateToLinkCommand, Source={x:Reference This}}"
-                    />-->
-            <Label Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="2" Text="Historique" />
-            <Picker Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="2" ItemsSource="{Binding Backgrounds}" ItemDisplayBinding="{Binding Name}" SelectedIndex="{Binding BackgroundSelectedIndex, Mode=TwoWay}">
-            </Picker>
-            <!--<mdview:MarkdownView 
-                    Theme="{StaticResource MonsterMarkdownTheme}" 
-                    Markdown="{Binding SelectedPlayerCharacter.Background.Markdown}" 
-                    NavigateToLinkCommand="{Binding BindingContext.Main.Navigator.NavigateToLinkCommand, Source={x:Reference This}}"
-                    />-->
-            <Label Grid.Row="7" Grid.Column="0" Text="Force" />
-            <Picker Grid.Row="7" Grid.Column="1" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
-            <Label Grid.Row="8" Grid.Column="0" Text="Dextérité" />
-            <Picker Grid.Row="8" Grid.Column="1" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
-            <Label Grid.Row="9" Grid.Column="0" Text="Constitution" />
-            <Picker Grid.Row="9" Grid.Column="1" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
-            <Label Grid.Row="10" Grid.Column="0" Text="Intelligence" />
-            <Picker Grid.Row="10" Grid.Column="1" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
-            <Label Grid.Row="11" Grid.Column="0" Text="Sagesse" />
-            <Picker Grid.Row="11" Grid.Column="1" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
-            <Label Grid.Row="12" Grid.Column="0" Text="Charisme" />
-            <Picker Grid.Row="12" Grid.Column="1" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
-        </Grid>
-    </ScrollView>
+    <TableView>
+        <TableRoot>
+            <TableSection Title="Généralités">
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Niveau" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Levels}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Race" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Races}" ItemDisplayBinding="{Binding Name}" SelectedIndex="{Binding RaceSelectedIndex, Mode=TwoWay}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Classe" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Classes}" ItemDisplayBinding="{Binding Name}"  SelectedIndex="{Binding ClassSelectedIndex, Mode=TwoWay}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Historique" />
+                        <Picker HorizontalOptions="EndAndExpand" Grid.ColumnSpan="2" ItemsSource="{Binding Backgrounds}" ItemDisplayBinding="{Binding Name}" SelectedIndex="{Binding BackgroundSelectedIndex, Mode=TwoWay}" />
+                    </StackLayout>
+                </ViewCell>
+            </TableSection>
+            <TableSection Title="Caractéristiques">
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Force" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Dextérité" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Constitution" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Intelligence" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Sagesse" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+                <ViewCell>
+                    <StackLayout Orientation="Horizontal">
+                        <Label Text="Charisme" />
+                        <Picker HorizontalOptions="EndAndExpand" ItemsSource="{Binding Abilities}" ItemDisplayBinding="{Binding}" />
+                    </StackLayout>
+                </ViewCell>
+            </TableSection>
+        </TableRoot>
+    </TableView>
 </ContentPage>
\ No newline at end of file