C# 表单相同的页面导航

我正在寻找最好的方法来更改页面内容，而无需导航到新页面。 我试着拥有两个stacklayouts，按下一个按钮，我就会改变每个stacklayouts的IsVisible和IsEnabled属性。尽管这样做有效，但在每个布局的末尾都留下了一个小的白色间隙（我相信这是一个Xamarin.Forms错误）

完成这项任务的最佳方式是什么？Xamarin.Forms中是否有我错过的可以实现这一点的东西

下面是一个小草图设计，让您了解我的意思：

在建议我使用制表符之前，我要补充一点，我已经在应用程序中有了制表符，但草图没有显示这一点。我需要这个导航只在一个页面上工作

我以前使用的代码不起作用： （在任何人提到糟糕的命名惯例和缺乏内容之前，我不得不把它全部去掉，因为它是为雇主编写的代码

C#：

XML:

---

我在使用Stacklayouts方面没有太大成功。但是网格有很多可定制性，在我的例子中，它可以扩展到您想要的所有区域

我会这样做的

Xaml

<Grid x:Name="Grid1" IsVisible="False" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
        <Label FontSize="Medium" Text="Grid1 Label"/>
    </Grid>
    <Grid Grid.Row="1" HeightRequest="100" WidthRequest="375" VerticalOptions="StartAndExpand" HorizontalOptions="CenterAndExpand">
        <Button x:Name="btnGrid1"/>
    </Grid>
</Grid>

<Grid x:Name="Grid2" IsVisible="False" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
        <Label FontSize="Medium" Text="Grid2 Label"/>
    </Grid>
    <Grid Grid.Row="1" HeightRequest="100" WidthRequest="375" VerticalOptions="StartAndExpand" HorizontalOptions="CenterAndExpand">
        <Button x:Name="btnGrid2"/>
    </Grid>
</Grid>

---

您的解决方案是最好的。您所指的bug可能不是xamarin表单。您的视图不太可能有正确的空格，这就是它们没有占据整个页面的原因。如果没有任何代码，很难提供答案。感谢您的反馈！我已经添加了以前的代码。

<ScrollView x:Name="content1" VerticalOptions="FillAndExpand" BackgroundColor="#f2f2f2">
<StackLayout Spacing="0">
    <StackLayout Orientation="Horizontal" BackgroundColor="White" Padding="20,20,20,20" HorizontalOptions="FillAndExpand">
        <StackLayout>
            <Label Text="text:" FontFamily="{StaticResource BoldFont}"/>
            <StackLayout Orientation="Horizontal">
                <Image x:Name="content1image" HeightRequest="25" WidthRequest="25"/>
                <Label x:Name="content1label" FontFamily="{StaticResource Font}" FontSize="27" TextColor="#969696"/>
            </StackLayout>
        </StackLayout>

        <StackLayout HorizontalOptions="FillAndExpand">
            <Entry x:Name="content1Entry" Keyboard="Numeric" Margin="0,25,0,0" Placeholder="0.00000000" FontFamily="{StaticResource Font}" FontSize="27" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="End" TextColor="#969696"/>
            <Label x:Name="content1Label2" FontSize="14" FontFamily="{StaticResource Font}" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="End" TextColor="#969696"/>
        </StackLayout>
    </StackLayout>

    <StackLayout Padding="20,30,20,0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        <Label Text="content1Label3" FontFamily="{StaticResource Font}"/>
        <StackLayout Orientation="Horizontal">
            <Button x:Name="content1button" Image="image.png" BackgroundColor="Transparent" HorizontalOptions="Start" Margin="0" WidthRequest="25" HeightRequest="25"/>
            <Entry x:Name="content1Entry2" FontFamily="{StaticResource Font}" FontSize="12" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="End"/>
        </StackLayout>
    </StackLayout>

    <StackLayout VerticalOptions="EndAndExpand" Padding="0,-1,0,0">
        <Label x:Name="content1Label4" FontSize="19" HorizontalOptions="CenterAndExpand" FontFamily="{StaticResource Font}"/>
        <Label x:Name="content1Label5" FontSize="12" TextColor="#b6b6b6" HorizontalOptions="CenterAndExpand" FontFamily="{StaticResource Font}"/>

        <Button x:Name="content1Button2" VerticalOptions="End" HorizontalOptions="FillAndExpand" BorderRadius="25" BackgroundColor="#2r432d" BorderColor="#2r432d" TextColor="White" FontFamily="{StaticResource Font}" FontSize="20" BorderWidth="3" Margin="10,10,10,10"/>
    </StackLayout>

</StackLayout>

<Grid x:Name="Grid1" IsVisible="False" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
        <Label FontSize="Medium" Text="Grid1 Label"/>
    </Grid>
    <Grid Grid.Row="1" HeightRequest="100" WidthRequest="375" VerticalOptions="StartAndExpand" HorizontalOptions="CenterAndExpand">
        <Button x:Name="btnGrid1"/>
    </Grid>
</Grid>

<Grid x:Name="Grid2" IsVisible="False" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">
        <Label FontSize="Medium" Text="Grid2 Label"/>
    </Grid>
    <Grid Grid.Row="1" HeightRequest="100" WidthRequest="375" VerticalOptions="StartAndExpand" HorizontalOptions="CenterAndExpand">
        <Button x:Name="btnGrid2"/>
    </Grid>
</Grid>

private void Button1_Clicked(object sender, EventArgs e)
{
    Grid2.IsVisible = false;
    Grid1.IsVisible = true;
}

private void Button2_Clicked(object sender, EventArgs e)
{
    Grid2.IsVisible = true;
    Grid1.IsVisible = false;
}