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

Question

我的 Xamarin 项目中有多个 ContentPage xaml 文件。我想在每个 ContentPage 中嵌入 xaml 的共享部分。 xaml 的共享部分没有什么特别之处（它不需要做任何特定于平台的事情）。难道不应该像在 ContentPage 的 xaml 中嵌入一个标签来包含共享的 xaml 文件一样简单吗？有人能指出我正确的方向吗？

Answer 1

您可以使用 ContentPage 的 parent child（例如，一个 StackLayout 包裹了所有 children), 将其放入外部 xaml 文件中, 然后将该组件包含在您的每个 ContentPage 中。

外部 xaml 文件将是 StackLayout 类型，而不是 ContentPage。

编辑 - 添加了代码示例：

让我们添加一个header StackLayout：我们在class后面添加一个代码：

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 />。

Answer 2

非常感谢 IdoT，它确实对我有用，但是在添加了一些行之后。因为这将有助于制作 templates/custom controls/sub 表格，所以很容易 added/shared 跨越 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();
        }
    }
}

然后对于将容纳 it/show 的页面：

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，所以它可以处理添加更多控件。

截图：

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

再次感谢 IdoT。

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

Xamarin.Forms: Can I embed one ContentPage or ContentView into another ContentPage

xamarin.forms

content-pages