Füllen Sie den Bildschirm mit StackLayout

Habe ich ein StackLayout codiert wie diese:

StackLayout mainStackLayOut = new StackLayout{
    BackgroundColor = Color.Blue,
    //VerticalOptions = LayoutOptions.FillAndExpand,
    //WidthRequest = width,
    HorizontalOptions = LayoutOptions.FillAndExpand,
    Orientation = StackOrientation.Vertical
};

Aber ich will das StackLayout zu füllen, die Bildschirm Breite und Höhe, auch ich habe die Baum-Schaltflächen Hinzugefügt, wie diese:

StackLayout buttonsStackLayOut = new StackLayout
{
    BackgroundColor = Color.White,
    //VerticalOptions = LayoutOptions.Fill,
    HorizontalOptions = LayoutOptions.Fill,
    Orientation = StackOrientation.Horizontal,
    Spacing = 0
};
mainStackLayOut.Children.Add(buttonsStackLayOut);


Image doctorImage = new Image
{
    WidthRequest = width / 3,
    HeightRequest = 50,
    BackgroundColor = Color.Gray,
    Source = ImageSource.FromFile ("about.png")
};
buttonsStackLayOut.Children.Add(doctorImage);

Füllen Sie den Bildschirm mit StackLayout

Wie kann ich füllen Sie alle screensize?

  • was ist das problem? die schwarzen Linien Links und rechts ?
  • Ja, genau das ist das problem
  • haben Sie versucht, explizit festlegen Padding="0"
InformationsquelleAutor Mario Galván | 2014-06-23
  1. 9

    In der einfachsten form habe ich es geschafft, zu erreichen, was Sie benötigen.

    Habe ich den Inhalt des Bildschirms auf die wichtigsten stack-layout. 

            var mainStackLayout = new StackLayout { BackgroundColor = Color.Blue};
        var buttonsStackLayout = new StackLayout { BackgroundColor = Color.White, Orientation = StackOrientation.Horizontal , Spacing = 0 };

        Image about = new Image { HeightRequest = 50, Source = ImageSource.FromFile("about.jpg") };
        Image twitter = new Image { HeightRequest = 50, Source = ImageSource.FromFile("twitter.jpg") };
        Image refresh = new Image { HeightRequest = 50, Source = ImageSource.FromFile("refresh.jpg") };

        buttonsStackLayout.Children.Add(about);
        buttonsStackLayout.Children.Add(twitter);
        buttonsStackLayout.Children.Add(refresh);

        mainStackLayout.Children.Add(buttonsStackLayout);
        this.Content = mainStackLayout;

    Füllen Sie den Bildschirm mit StackLayout

    InformationsquelleAutor Chad Bonthuys
Schreibe einen Kommentar