使用XAML创建MasterDetailPage的简单方法，首先您需要创建一个包含MasterDetailPage和SecondPage的页面将包含DetailPage，通过这样做，您需要将此页面的层次结构更改为MasterDetailPage，最后在SecondPage内加载MasterDetailPage。

在您的项目中创建新页面 - MenuPage并将页面类型ContentPage更改为MasterDetailPage

<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
     BackgroundColor="White"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     x:Class="YourProject.MenuPage">
</MasterDetailPage>

然后转到MenuPage.cs并将层次结构更改为MasterDetailPage。

public partial class MenuPage : MasterDetailPage
{
   public ChatPage()
   {
       InitializeComponent();
   }
}

返回您的XAML页面 - MenuPage并添加：

   <MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     x:Class="YourProjectName.MenuPage">

<MasterDetailPage.Master>
  <ContentPage  Title="Menu">
   <StackLayout Orientation="Vertical">
      <!--Here goes your Menu Items-->
     <Button Text="MyFirstButton"/>
     <Button Text="MySecondButton"/>
     <Button Text="MyThirdButton"/>
   </StackLayout>
 </ContentPage>
</MasterDetailPage.Master>
<MasterDetailPage.Detail>
  <local:SecondPage/>
</MasterDetailPage.Detail>
</MasterDetailPage>

最后，您需要添加对DetailPage

的引用

   <MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     x:Class="YourProjectName.MenuPage"
     <!-- Add this line to refer your DetailPage, `SecondPage`-->
     <!-- put your namespace and repeat in assembly -->
     xmlns:local="clr-namespace:YourProjectName;assembly=YourProjectName">
   </MasterDetailPage>

我希望它会帮助你！

编辑导航抽屉菜单（滑块菜单）。（主页详细信息）

3 个答案:

编辑导航抽屉菜单（滑块菜单）。 （主页详细信息）

3 个答案:

编辑导航抽屉菜单（滑块菜单）。（主页详细信息）