Question

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

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

<强>截图：

另一个页面内的页面：

再次感谢IdoT。

Answer 2

您可以使用ContentPage的父子（例如，包装所有子项的 StackLayout ），将其放在外部xaml文件中，然后在每个ContentPages中包含该组件。

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

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

2 个答案: