Xamarin / MAUI

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

             x:Class="INRAETemplate.View.VivantView"

             xmlns:tools="clr-namespace:INRAETemplate.View.Tools"

             Title="Formulaire Vivant">

    <Grid>

        <StackLayout BackgroundColor="{StaticResource InraePrimary}" Spacing="0">

            <tools:ConnectionIndicatorView />

            <ScrollView>

                <StackLayout Spacing="0">

                    <StackLayout

                        Margin="10"

                        HorizontalOptions="FillAndExpand"

                        VerticalOptions="FillAndExpand">

                        <Frame HorizontalOptions="FillAndExpand"

                               VerticalOptions="FillAndExpand" CornerRadius="5">

                            <StackLayout>

                                <Frame BorderColor="{StaticResource InraePrimary}" Margin="0,0,0,20">

                                    <Label 

                                        Text="Formulaire Vivant"

                                        VerticalOptions="Center" 

                                        HorizontalOptions="Center"

                                        Style="{StaticResource textTitre}"

                                        />

                                </Frame>

                                <Picker Title="Liste des vivants"

                                        ItemsSource="{Binding Vivants}"

                                        SelectedItem="{Binding VivantSelectionne}"

                                        ItemDisplayBinding="{Binding VivantNom}"/>

                                <Grid ColumnDefinitions="25*,75*" RowDefinitions="auto,auto">

                                    <Label Grid.Column="0"

                                           Grid.Row="0"

                                           Text="Id : "

                                           Style="{StaticResource textLabel}" />

                                    <Label

                                        Grid.Column="1"

                                        Grid.Row="0"

                                        Text="{Binding VivantId}"

                                        VerticalOptions="Center" 

                                        HorizontalOptions="Center"

                                        Style="{StaticResource textLabel}"/>

                                    <Label Grid.Column="0"

                                           Grid.Row="1"

                                           Text="Nom : "

                                           Style="{StaticResource textLabel}"/>

                                    <Label 

                                        Grid.Column="1"

                                        Grid.Row="1"

                                        Text="{Binding VivantNom}"

                                        VerticalOptions="Center" 

                                        HorizontalOptions="Center"/>

                                </Grid>

                            </StackLayout>

                        </Frame>

                    </StackLayout>

                </StackLayout>

            </ScrollView>

            <StackLayout

                    Margin="10"

                    HorizontalOptions="CenterAndExpand"

                    Orientation="Horizontal"

                    VerticalOptions="FillAndExpand">

                <Button 

                    Text="Edition"

                    Command="{Binding EditionCommand}"

                    Style="{StaticResource btnNormal}"

                    VerticalOptions="End"/>

            </StackLayout>

        </StackLayout>

        <Grid Grid.RowSpan="1" IsVisible="{Binding IsBusy}">

            <BoxView BackgroundColor="#FFFFFF" Opacity="0.3" />

            <ActivityIndicator

                    HorizontalOptions="Center"

                    IsRunning="True"

                    VerticalOptions="Center" />

        </Grid>

    </Grid>

</ContentPage>