社区首页 >问答首页 >Xamarin表单-如何在一个xaml中显示另一个xaml中的内容

问Xamarin表单-如何在一个xaml中显示另一个xaml中的内容
EN

Stack Overflow用户

提问于 2017-01-27 03:47:27

回答 1查看 3.1K关注 0票数 1

我习惯了Android开发，在完成我认为是一项简单任务时遇到了一些困难。

我有一个名为ContainerView.xaml的MasterDetailPage。

主页是我的导航栏(称为NavbarView.xaml)。

详细信息应该是一个具有固定标题栏的页面，并且我可以交换每个用户的选择。

详细信息页面名为MainView.xaml。

我想在顶部显示的标题是TitleBarView.xaml。

然后我有很多内容页面，比如Page1View.xaml。

在我的ContainerView.xaml中：

<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"             
                  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"       
                  x:Class="MyApp.ContainerView"
                  IsGestureEnabled="True"
                  MasterBehavior="Popover"
                  Title="MasterDetail Page">
  <MasterDetailPage.Master>
  </MasterDetailPage.Master>
  <MasterDetailPage.Detail>
  </MasterDetailPage.Detail>  
</MasterDetailPage>

在我的NavbarView.xaml中-这是主控

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             x:Class="MyApp.NavBarView"
             Title="Nav Bar">  
  <ContentPage.Content>  
    <StackLayout Orientation="Vertical">
      <Label Text="{Binding Item1}"/>
      <Button Text="Options" Command="{Binding Option1Command}"/>
    </StackLayout >
  </ContentPage.Content>  
</ContentPage>

在我的MainView.xaml中-这是详细信息

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.MainView"
             Title="Main View">
  <ContentPage.Content>
  // what to put here to show the TitleBarView.xaml?
  // what to put here to show my content xaml pages?
  </ContentPage.Content>
</ContentPage>

在我的TitleBarView.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.TitleBarView">
  <ContentView.Content>    
    <StackLayout Orientation="Horizontal">
      <Label Text="{Binding Item1}"/>
      <Button Text="Options" Command="{Binding OptionsCommand}"/>
    </StackLayout>    
  </ContentView.Content>
</ContentView>

和一个通用的内容视图，当然还有很多其他的我想要在它们之间切换

<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.Page1View">
  <ContentView.Content>
    <StackLayout Orientation="Vertical">
      <Label Text="{Binding Info}"/>
      <Button Text="Log In" Command="{Binding GoToPage2Command}"/>
    </StackLayout >
  </ContentView.Content>
</ContentView>

我正在使用MVVM模型，并有此代码，但似乎无法获得基本的工作。母版页显示正常。如果详细信息页面只是一个简单的页面，它可以工作，但我不知道如何插入TitleBar和交换“内容”。

ContainerView containerPage = new ContainerView(); 
ContainerViewModel containerVM = new ContainerViewModel();
containerPage.BindingContext = containerVM;

NavBarView navigationBar = new NavBarView();
navigationBar.Title = "Navigation Bar"; // required, otherwise I get an exception.
NavBarViewModel navigationBarVM = new NavBarViewModel();
navigationBar.BindingContext = navigationBarVM;

MainView mainView = new MainView();
mainView.Title = "MainView";
MainViewModel mainViewVM = new MainViewModel();
mainView.BindingContext = mainViewVM;

TitleBarView titleBar = new TitleBarView();
TitleBarViewModel titleBarVM = new TitleBarViewModel();
titleBar.BindingContext = titleBarVM;

Page1View page1 = new Page1View();
Page1ViewModel page1VM = new Page1ViewModel();
page1.BindingContext = page1VM;

mainView.Content = new StackLayout()
{
    Orientation = StackOrientation.Vertical,
    Children = 
    {
        new Label { Text = "I'm Content!" },
        new Label { Text = "I'm Content!" },
        //titleBar.Content,
        //loginView.Content
    }
};

containerPage.MasterBehavior = MasterBehavior.Popover;
containerPage.Master = navigationBar;
containerPage.Detail = new NavigationPage(mainView);

我确信我错过了一个基本的概念。任何帮助都将不胜感激

xaml

xamarin.forms

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-27 12:21:23

Xaml可以实例化在代码或Xaml中定义的任何控件，因此对于TitleBarView，可以通过以下方式在任何Xaml中实例化它

<xmlnsprefix:TitleBarView />

问题在于设置正确的xmlnsprefix。每个xaml文件都定义了几个xmln，您可以添加自己的xmln，如下所示：

xmlns:local="clr-namespace:MyApp"

这意味着Xml命名空间“local”将引用当前程序集中的clr命名空间“MyApp”。

所以你的MainView变成了：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   xmlns:local="clr-namespace:MyApp"
   x:Class="MyApp.MainView"
   Title="Main View">
  <ContentPage.Content>
   <local:TitleBarView />
  </ContentPage.Content>
</ContentPage>