Bonjours!

Je développe(pour la 1ere fois) sous xamarin crossplatforms, je suis déjà bien avancer sur mon programme mais le résultat visuel actuel n'est pas satisfaisant:
actuellement j'utilise un Tabbedpage qui me permet de naviguer entre 4 pages, et certaines de ses 4 pages renvoie sur une nouvelle fenêtre.

on me met, comme référence, l'appli d'air france, et j'avoue que j'ai du mal as obtenir un résultat similaire, mais pour y parvenir, pour tester sans avoir à tout casser, je lancer une appli d'expérimentation et je suis relativement proche du résultat voulue, j'ai procéder comme cela:

Dans le MainPage.xaml: il s'agit d'un MasterDetailPage

MainPage.xaml.cs:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
public partial class MainPage : MasterDetailPage
    {
        public MainPage()
        {
            InitializeComponent();
            this.Master = new Master_Mnu();
            this.Detail = new NavigationPage(new PageAcc());
 
            App.MasterDetail = this;
        }
    }
cela me permet d'incorporer le bouton de menu(qui fonctionne bien) (mais pour le moment je n'arrive pas à changer la couleur de la barre que cela me créer, c'est secondaire par rapport à mon probleme, mais j'en parle, on sais jamais ^^')

dans mon PageAcc.xaml:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="50"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
 
            <Grid Grid.Row="1" Grid.Column="0" x:Name="Grid_Bot">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
 
            </Grid>
 
            </Grid>
    </ContentPage.Content>
</ContentPage>
et dans PageAcc.xaml.cs:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
public PageAcc()
        {
            InitializeComponent();
 
 
            var tapGesture1 = new TapGestureRecognizer();
            tapGesture1.Tapped += (s, e) =>
            {
                DisplayAlert("test", "test 1", "ok");
            };
 
            var tapGesture2 = new TapGestureRecognizer();
            tapGesture2.Tapped += (s, e) =>
            {
                DisplayAlert("test", "test 2", "ok");
            };
 
            var tapGesture3 = new TapGestureRecognizer();
            tapGesture3.Tapped += (s, e) =>
            {
                DisplayAlert("test", "test 3", "ok");
            };
 
            var tapGesture4 = new TapGestureRecognizer();
            tapGesture4.Tapped += (s, e) =>
            {
                DisplayAlert("test", "test 4", "ok");
            };
 
            var BTN_1 = new Image();
            BTN_1.Source = ImageSource.FromFile("ic_menu.png");
            BTN_1.GestureRecognizers.Add(tapGesture1);
 
            var BTN_2 = new Image();
            BTN_2.Source = ImageSource.FromFile("ic_menu.png");
            BTN_2.GestureRecognizers.Add(tapGesture2);
 
            var BTN_3 = new Image();
            BTN_3.Source = ImageSource.FromFile("ic_menu.png");
            BTN_3.GestureRecognizers.Add(tapGesture3);
 
            var BTN_4 = new Image();
            BTN_4.Source = ImageSource.FromFile("ic_menu.png");
            BTN_4.GestureRecognizers.Add(tapGesture4);
 
            Grid_Bot.Children.Add(BTN_1, 0, 0);
            Grid_Bot.Children.Add(BTN_2, 1, 0);
            Grid_Bot.Children.Add(BTN_3, 2, 0);
            Grid_Bot.Children.Add(BTN_4, 3, 0);
        }
à présent je bloque sur un point dont je ne trouve vraiment pas la solution (mais je dois avouer que je ne suis pas sûr si je suis sur la bonne voie) j'aimerais à présent insérer des pages page dans le 1er grid de PageAcc, de sorte à utiliser les images créer comme un tabbed (je ne fait pas appel à un tabbed pour ainsi toujours avoir mes 4 boutons à disposition, y compris si je suis dans une sous-page), mon choix d'utiliser un grid est motivé par le fait d'avoir une appli qui soit toujours au bon format, peu importe la dimension du smartphone utiliser(le grid me permettant ici d'être sûr que ma barre de bouton soit toujours bien en bas).

une âme charitable pourrait il me dire si je suis totalement à coté de la plaque (et donc me dire dans quel direction aller), je trouve un peu étrange d'avoir un
"grid-ception" dans mon appli (même si cela ne me dérangerais pas outre mesure si ça fonctionne ainsi); ou bien me dire comment procéder pour insérer une page dans mon grid?