我的Xamarin项目中有多个ContentPage xaml文件。我想把一个共享的xaml嵌入到每个ContentPage中。这个共享的xaml没有什么特别的(不需要执行任何平台特定的操作)。在ContentPage的xaml中嵌入共享xaml文件难度不应该很大吧?能否指导一下我该怎么做?
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。
ContentPage
的父子级别(例如,包装所有子元素的 StackLayout)放入外部 xaml 文件中,然后在每个 ContentPage 中包含该组件。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 />
。