在Xamarin Forms中與BasePage綁定

Question

我正在實施FreshMVVM框架的Xamarin應用程序，並且我想使用BasePage在Pages之間共享一些代碼。 問題是，當我需要在MainPage.xaml中綁定一些屬性時，我必須指定源以使其工作：Text =「{Binding Title，Source = {x：Reference mainPage}} 「。否則無來源綁定不起作用。 好吧，我明白了，但這是正確的方式嗎？有另一種方法可以達到相同的結果嗎？當我在頁面中有足夠的綁定時怎麼辦？例如，是否有可能將Source設置爲較高級別，因爲在我看來，爲每個Binding設置相同的Source非常煩人。

BasePage.xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="TestXamarin.BasePage" 
      x:Name="basePage"> 
    <ContentView> 
     <StackLayout Orientation="Vertical"> 
      <Label Text="HEADER" FontSize="Large"/> 
      <Label Text="{Binding Text, Source={x:Reference basePage}}" FontSize="Large"/> 
      <ContentPresenter BindingContext="{Binding Parent.BindingContext}" 
           Content="{Binding PageContent, Source={x:Reference basePage}}" /> 
     </StackLayout> 
    </ContentView> 
</ContentPage> 

BasePage.xaml.cs

using Xamarin.Forms; 
 
using Xamarin.Forms.Xaml; 
 

 
namespace TestXamarin 
 
{ 
 
\t [XamlCompilation(XamlCompilationOptions.Compile)] 
 
\t public partial class BasePage : ContentPage 
 
\t { 
 
\t \t public static readonly BindableProperty TextProperty = BindableProperty.Create(
 
\t \t \t nameof(Text), 
 
\t \t \t typeof(string), 
 
\t \t \t typeof(BasePage)); 
 

 
\t \t public string Text 
 
\t \t { 
 
\t \t \t get { return (string)GetValue(TextProperty); } 
 
\t \t \t set { SetValue(TextProperty, value); } 
 
\t \t } 
 

 
\t \t public static readonly BindableProperty PageContentProperty = BindableProperty.Create(
 
\t \t \t nameof(PageContent), 
 
\t \t \t typeof(object), 
 
\t \t \t typeof(BasePage)); 
 

 
\t \t public object PageContent 
 
\t \t { 
 
\t \t \t \t get { return GetValue(PageContentProperty); } 
 
\t \t \t \t set { SetValue(PageContentProperty, value); } 
 
\t \t } 
 

 
\t \t public BasePage() 
 
\t \t { 
 
\t \t \t InitializeComponent(); 
 
\t \t } 
 
\t } 
 
}

MainPage.xaml中

<local:BasePage xmlns="http://xamarin.com/schemas/2014/forms" 
 
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
 
       xmlns:local="clr-namespace:TestXamarin" 
 
       x:Class="TestXamarin.MainPage" 
 
       Text="FROM MAIN PAGE" 
 
       x:Name="mainPage"> 
 
    <local:BasePage.PageContent> 
 
     <StackLayout> 
 
      <Label Text="Body" FontSize="Large"/> 
 
      <Label Text="{Binding Title, Source={x:Reference mainPage}}" FontSize="Large"/> 
 
     </StackLayout> 
 
    </local:BasePage.PageContent> 
 
</local:BasePage>

個

MainPage.xaml.cs中

public partial class MainPage : BasePage 
 
\t { 
 
\t \t public MainPage() 
 
\t \t { 
 
\t \t \t Title = "MAIN PAGE"; 
 

 
\t \t \t InitializeComponent(); 
 
\t \t } 
 
\t }

Answer 1

另一種方式來實現你所要做的是，與對照模板。

在這裏，我已經在App.xaml中

<ControlTemplate x:Key="ActivityIndicatorTemplate"> 
    <Grid> 
     <ContentPresenter /> 
     <StackLayout Style="{StaticResource BlockingPanel}" 
        IsVisible="{TemplateBinding BindingContext.IsBusy}"> 
      <ActivityIndicator Style="{StaticResource ActivityIndicatorStyle}" 
           IsVisible="{TemplateBinding BindingContext.IsBusy}" 
           IsRunning="{TemplateBinding BindingContext.IsBusy}" /> 
     </StackLayout> 
    </Grid> 
</ControlTemplate> 

注意的內容展示和TemplateBinding定義的模板。

我在這樣的頁面上使用它。

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="Test.MyTestPage" 
      ControlTemplate="{StaticResource ActivityIndicatorTemplate}" 
      Title="{Binding Title}"> 

    <Grid> 
    ... 
    </Grid> 
</ContentPage> 

頁面內容替換模板中的內容展示器。看起來比基本頁面更簡單。