Cómo configurar la imagen de fondo en el menú MasterDetailPage sin RelativeLayout y AbsoluteLayout . También probé con Grid y AbsoluteLayout pero no funciona. ¿Alguna solución para este problema?

BackgroundImageSource="background.png" tampoco funciona.

Mi xaml:

<MasterDetailPage.Master>
    <ContentPage Title="Menu" BackgroundColor="White"
                 Icon="hamburger.png">
        <StackLayout Orientation="Vertical" >
            <StackLayout x:Name="navigationDrawerList"
                         VerticalOptions="Fill">

                <BindableLayout.ItemTemplate>
                    <DataTemplate>
                        <StackLayout>
                            <StackLayout VerticalOptions="FillAndExpand"
                                         Orientation="Horizontal"
                                         Padding="20,0,0,0"
                                         Spacing="20">

                                <Label Text="{Binding Title}"
                                       FontSize="Medium"
                                       VerticalOptions="Center"
                                       TextColor="Gray" />

                            </StackLayout>
                        </StackLayout>
                    </DataTemplate>
                </BindableLayout.ItemTemplate>

            </StackLayout>   
            <StackLayout VerticalOptions="FillAndExpand"
                         Orientation="Horizontal"
                         Padding="50,2,0,2"
                         Spacing="20">

                <Label Text="About Us"
                       FontSize="Medium"
                       VerticalOptions="Center"
                       TextColor="Gray" />
            </StackLayout>
            <StackLayout VerticalOptions="FillAndExpand"
                         Orientation="Horizontal"
                         Padding="50,2,0,2"
                         Spacing="20">

                <Label Text="FAQ"
                       FontSize="Medium"
                       VerticalOptions="Center"
                       TextColor="Gray" />

            </StackLayout>
        </StackLayout> 
    </ContentPage>
</MasterDetailPage.Master>
c# image xamarin xamarin.forms master-detail
1
Jasmin Sojitra 24 feb. 2020 a las 15:34

2 respuestas

La mejor respuesta

Si envuelve su contenido MasterDetailPage dentro de una cuadrícula anidada, la imagen y el contenido se superpondrán entre sí, creando el efecto de fondo que está buscando

<MasterDetailPage.Master>
    <ContentPage Title="Menu" BackgroundColor="White"
                 Icon="hamburger.png">
        <Grid>
            <Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
                <Image Source="background.png" Aspect="AspectFill"></Image>
            </Grid>
            <Grid>
                //Your MasterDetailPage content
            </Grid>
        </Grid>
    </ContentPage>
</MasterDetailPage.Master>
1
Ricardo Dias Morais 24 feb. 2020 a las 13:00

Pruebe esto, debe establecer su color de fondo como transparente para establecer una imagen de fondo. El truco funcionó para mí, espero que funcione para ti también

<MasterDetailPage.Master>
    <ContentPage Title="Menu"
          BackgroundColor="Transparent"
          BackgroundImage="hamburger.png">
        //Your xaml
    </ContentPage>
</MasterDetailPage.Master>
-1
Blu 25 feb. 2020 a las 09:06

Nuevas preguntas

2 Cómo cambiar entre dos páginas sin perder sus datos: WPF, C #
2 ¿C # crea un objeto usando una matriz como base?
2 Cómo agregar html en línea con Blazor c #
3 Blazor WebAssembly - appsettings.json como dependencia al registrar servicios
2 Repositorio que admite consultas por clave de partición sin cambiar la interfaz
3 Elimine todas las líneas (comentarios) que comiencen con "**" utilizando Regex (.NET Framework, C #)
2 WPF ¿Cómo puedo hacerlo con 1 controlador de eventos?
2 Ambigüedad en la conversión al formato de fecha y hora correcto
2 Compruebe si algún dropdownlist.selectedvalue en el panel contiene un cierto valor
2 ¿Por qué mi función que calcula el número pi se congela?
Nuevas preguntas con la etiqueta c# >

c#

C # (pronunciado "see sharp") es un lenguaje de programación multi-paradigma de alto nivel, estáticamente tipado desarrollado por Microsoft. El código C # generalmente se dirige a la familia de herramientas y tiempos de ejecución .NET de Microsoft, que incluyen .NET Framework, .NET Core y Xamarin, entre otros. Use esta etiqueta para preguntas sobre el código escrito en las especificaciones formales de C # o C #.

c#...