Xamarin / MAUI

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

<ContentPage

    x:Class="TestXamConnections.Views.AccueilView"

    xmlns="http://xamarin.com/schemas/2014/forms"

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

    xmlns:xe="clr-namespace:XamEffects;assembly=XamEffects"

    Title="Teo Test Bluetooth - Bienvenue">

    <ContentPage.Content>

        <StackLayout BackgroundColor="#001729" VerticalOptions="FillAndExpand">

            <StackLayout VerticalOptions="CenterAndExpand">

                <Frame

                    Padding="0"

                    BackgroundColor="Transparent"

                    BorderColor="#4f5a64"

                    CornerRadius="5"

                    HasShadow="False"

                    HorizontalOptions="Center"

                    VerticalOptions="CenterAndExpand"

                    WidthRequest="200">

                    <StackLayout Spacing="0">

                        <Label

                            Margin="15"

                            FontAttributes="Bold"

                            FontSize="18"

                            HorizontalOptions="CenterAndExpand"

                            HorizontalTextAlignment="Center"

                            Text="Teo Test Bluetooth"

                            TextColor="White"

                            VerticalOptions="CenterAndExpand" />

                        <BoxView

                            HeightRequest="1"

                            HorizontalOptions="FillAndExpand"

                            Color="#4f5a64" />

                        <StackLayout Margin="20" Spacing="15">

                            <!--  Bouton Scan  -->

                            <xe:BorderView

                                xe:Commands.Tap="{Binding LoadBondedDevicesCommand}"

                                xe:TouchEffect.Color="#0060a8"

                                BackgroundColor="#003266"

                                CornerRadius="65"

                                HorizontalOptions="Center">

                                <StackLayout Padding="15,10">

                                    <Label

                                        FontSize="16"

                                        HorizontalOptions="Center"

                                        HorizontalTextAlignment="Center"

                                        Text="Afficher les appareils appairés"

                                        TextColor="#34a9ff" />

                                </StackLayout>

                            </xe:BorderView>

                        </StackLayout>

                    </StackLayout>

                </Frame>

                <Frame

                    Padding="0"

                    BackgroundColor="Transparent"

                    BorderColor="#4f5a64"

                    CornerRadius="5"

                    HasShadow="False"

                    HorizontalOptions="Center"

                    IsVisible="{Binding ShowBondedDevices}"

                    VerticalOptions="CenterAndExpand"

                    WidthRequest="200">

                    <StackLayout Spacing="0">

                        <Label

                            Margin="15"

                            FontSize="Medium"

                            HorizontalTextAlignment="Center"

                            Text="Bonded Devices"

                            TextColor="#34a9ff" />

                        <BoxView

                            HeightRequest="1"

                            HorizontalOptions="FillAndExpand"

                            Color="#4f5a64" />

                        <StackLayout

                            x:Name="devicesList"

                            Margin="0,5"

                            BindableLayout.ItemsSource="{Binding BondedDevicesList}"

                            HorizontalOptions="FillAndExpand"

                            Orientation="Vertical"

                            Spacing="0">

                            <BindableLayout.ItemTemplate>

                                <DataTemplate>

                                    <StackLayout

                                        Padding="10"

                                        xe:Commands.Tap="{Binding NavigateToDeviceViewCommand}"

                                        xe:TouchEffect.Color="#34a9ff"

                                        Spacing="0">

                                        <Label

                                            FontAttributes="Bold"

                                            HorizontalTextAlignment="Center"

                                            Text="{Binding Device.Name}"

                                            TextColor="White" />

                                        <Label

                                            FontSize="12"

                                            HorizontalTextAlignment="Center"

                                            Text="{Binding Device.MACAddress}"

                                            TextColor="DarkGray" />

                                    </StackLayout>

                                </DataTemplate>

                            </BindableLayout.ItemTemplate>

                        </StackLayout>

                    </StackLayout>

                </Frame>

            </StackLayout>

        </StackLayout>

    </ContentPage.Content>

</ContentPage>