Xamarin.Forms：我可以将一个ContentPage或ContentView嵌入到另一个ContentPage中吗？

Question

我的Xamarin项目中有多个ContentPage xaml文件。我想把一个共享的xaml嵌入到每个ContentPage中。这个共享的xaml没有什么特别的（不需要执行任何平台特定的操作）。在ContentPage的xaml中嵌入共享xaml文件难度不应该很大吧？能否指导一下我该怎么做？

- Anthony Tietjen

Answer 1

非常感谢你，IdoT。这确实对我有用，但在添加了一些代码后才得以实现。这将有助于创建模板/自定义控件/子表单，可以轻松地在Xamarin.Forms中添加和共享。

以下是根据您的建议完成的全部工作，因此它可以与他人一起使用：

HeaderNavigationBar.xaml

<?xml version="1.0" encoding="utf-8" ?>
<StackLayout xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App9.MVC.Views.HeaderNavigationBar"
             Orientation="Horizontal"
             HorizontalOptions="FillAndExpand"
             Padding="10"
             ackgroundColor="White">

    <Button Text="Internal 1" />
    <Button Text="Internal 2" />
</StackLayout>

如您所见，已添加：

xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

在 HeaderNavigationBar.cs 中，它被声明为 StackLayout。

HeaderNavigationBar.cs

using Xamarin.Forms;

namespace App9.MVC.Views
{
    public partial class HeaderNavigationBar : StackLayout
    {
        public HeaderNavigationBar()
        {
            InitializeComponent();
        }
    }
}

然后为将要容纳它/显示它的页面：

MainView.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:common="clr-namespace:App9.MVC.Views;assembly=App9"
             x:Class="App9.MVC.Views.MainView">

    <StackLayout Padding="0,0,0,20">
        <common:HeaderNavigationBar>
            <Button Text="External 1" />
        </common:HeaderNavigationBar>

        <Button Text="Test Button 1
                x:Name="btnPage1"
                Clicked="btnPage1_clicked" />
    </StackLayout>
</ContentPage>

正如您所注意到的，在MainView中，命名空间具有完整的路径：

xmlns:common="clr-namespace:App9.MVC.Views;assembly=App9"

除此之外，您还可以注意到有一个名为External 1的按钮，这也将与内部按钮一起显示，因为该控件是StackLayout，所以它可以处理添加更多控件。

截图：

也适用于另一个页面内的页面：

• https://github.com/twintechs/TwinTechsFormsLib
• http://blog.twintechs.com/advanced-xamarin-forms-techniques-for-flexible-and-performant-cross-platform-apps-part-5-page-in-page-embedding

再次感谢 IdoT。

- Reader Man San

Answer 2

你可以将 ContentPage 的父子级别（例如，包装所有子元素的 StackLayout）放入外部 xaml 文件中，然后在每个 ContentPage 中包含该组件。

外部 xaml 文件将是一种 StackLayout 类型，而不是 ContentPage。 编辑 - 添加了代码示例：

让我们添加一个头部 StackLayout：我们添加一个代码后台类：

public partial class HeaderNavigationBar 
{
    public HeaderNavigationBar()
    {
        InitializeComponent();
    }
}

然后添加XAML代码：

<StackLayout x:Class="HeaderNavigationBar"
             Orientation="Horizontal"
             HorizontalOptions="FillAndExpand"
             Padding="10"
             BackgroundColor="White">

    <Image Source="burger_icon"
           HorizontalOptions="StartAndExpand"
           Aspect="AspectFit">
        <Image.GestureRecognizers>
            <TapGestureRecognizer Command="{Binding SlideNavigationDrawerCommand}" />
        </Image.GestureRecognizers>
    </Image>
</StackLayout>

最后，在您想要重用组件的页面中添加此引用：<HeaderNavigationBar />。

- IdoT

---

越来越接近了。当我尝试运行它时，xaml文件中出现了这个错误："x未声明命名空间"。有什么想法吗？ - Anthony Tietjen

你需要在Content Page的头部声明中添加类似以下内容的代码：xmlns:common="clr-namespace:Consumer.Mobile.Views.Common;assembly=Consumer.Mobile"，然后像这样声明你的引用： common:HeaderNavigationBar</common:HeaderNavigationBar> - IdoT

仍然没有运气。内容页面出现错误，提示“在xmlns clr-namespace中未找到常见类型：HeaderNavigation”等。 - Anthony Tietjen

Common是我放置页眉导航栏的命名空间。您应该将其替换为您的命名空间。 - IdoT

谢谢你的帮助。只要XAML和代码文件在可移植类库中，我就能够跨平台使用它。不幸的是，在我的情况下，我正在使用共享项目，以便我也可以在共享场景中使用Parse.com库。如果我将我的Xamarin Forms代码移到可移植类库中，那么这将破坏我的Parse代码，因为我不知道是否有适用于PCL的Parse版本。无论如何，非常感谢您帮助我解决如何将ContentView包含到ContentPage中的问题！ - Anthony Tietjen