xamarin - 如何在 Xamarin.Forms 中创建带有十字图标的页面而不是返回按钮？

Question

发现我太新，无法在 Xamarin 社区论坛中提问，希望从这里得到一些想法。提前致谢。
当我浏览一些应用程序时，有些页面是这样的:

所以对于这种页面，它有一个“十字”图标而不是左箭头，当我点击十字图标，或者在这个页面上操作后点击保存按钮时，页面从上到下淡出。
对于普通的导航页面，它有返回按钮，通常从左到右淡出。
那么通常什么时候使用这种页面呢？它仍然是导航页面吗？是否可以使用 Xamarin.Forms 实现这一点？任何教程或学习样本？

Answer 1

“页面从上到下淡出”听起来像一个模态页面。
使用 TitleView模态页面:

<ContentPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="XFormPlayground.CustomPushModelPage">
<NavigationPage.TitleView>
    <Grid>

        <Label
            Text="Add Timesheet"
            FontSize="Title"
            HorizontalOptions="Center"
            VerticalOptions="CenterAndExpand" />
        <Button
            Text="X"
            Command="{Binding PushModelCommand}"
            BackgroundColor="Transparent"
            WidthRequest="40"
            HorizontalOptions="Start" />

    </Grid>

</NavigationPage.TitleView>
<ContentPage.Content>
    <StackLayout>
        <Label
            Text="This is a modal page"
            VerticalOptions="CenterAndExpand"
            HorizontalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage.Content>

包裹 ModelPage在 TitleView 的导航内要显示，可选也可以设置栏的颜色。

 [DesignTimeVisible(false)]
public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    private void ViewModelPageButton_OnClicked(object sender, EventArgs e)
    {
        Navigation.PushModalAsync(new NavigationPage(new CustomPushModelPage())
        {
            //Set toolbar color here
            BarBackgroundColor = Color.FromHex("FFFFFF") //White colors
        });
    }
}

主页 xaml:

<ContentPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:d="http://xamarin.com/schemas/2014/forms/design"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Class="XFormPlayground.MainPage">

<StackLayout>
    <!--  Place new controls here  -->
    <Button
        x:Name="ViewModelPageButton"
        Clicked="ViewModelPageButton_OnClicked"
        VerticalOptions="Center"
        Text="Click" />
</StackLayout>

结果: