Xamarin ContentPage 和/或 XAML 页面的初学者帮助

Question

我刚刚开始试用 Xamarin，我正在尝试研究它的工作原理。

我想创建一个具有以下要求的三行简单页面：

第一行应固定在顶部，并将包含固定宽度和高度的图像（例如 264x70）
第二行应包含简单文本。此行应垂直扩展以占据所有 space 可用
第三行应固定在底部，并将包含两个垂直堆叠且水平居中的按钮。

我试过直接用代码创建这个页面，代码如下：

public SamplePage() {
    this.Padding = new Thickness( 10, Device.OnPlatform( 20, 0, 0 ), 10, 0 );
    var homeLogo = new Image() { 
        Aspect = Aspect.AspectFit
    };
    homeLogo.Source = ImageSource.FromFile( "HomeLogo.png" );
    var btn1 = new Button() {
        Text = "first button"
    };
    var btn2 = new Button() {
        Text = "second button"
    };
    this.Content = new StackLayout {
        VerticalOptions = LayoutOptions.Center,
        HorizontalOptions = LayoutOptions.Center,
        Orientation = StackOrientation.Vertical,
        Children = {
            homeLogo,
            new Label { 
                VerticalOptions = LayoutOptions.FillAndExpand,
                Text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in dolor maximus, molestie elit quis, condimentum ipsum." 
            },
            btn1,
            btn2
        }
    };
}

我在 Visual Studio 中使用 Xamarin，并使用 Portabe class 库创建了一个 Xamarin Forms 项目。有没有我可以用来开始学习如何创建的设计器 UI?

Answer 1

尝试以下操作。我认为您忽略了这样一个事实，即要使内部容器能够扩展父容器，也应该将相同的属性设置为扩展。

this.Content = new StackLayout {
        VerticalOptions = LayoutOptions.CenterAndExpand,
        HorizontalOptions = LayoutOptions.Center,
        Orientation = StackOrientation.Vertical,
        Children = {
            homeLogo,
            new Label { 
                VerticalOptions = LayoutOptions.CenterAndExpand,
                Text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in dolor maximus, molestie elit quis, condimentum ipsum." 
            },
            btn1,
            btn2
        }
    };

Xamarin ContentPage 和/或 XAML 页面的初学者帮助

Beginner help for Xamarin ContentPage and or XAML Page

c#

xamarin

xamarin.forms