Xamarin.Forms控件模板绑定不起作用

时间:2019-02-19 00:40:11

标签: mvvm xamarin.forms controltemplate

我在App.xaml中指定了一个控件模板:

<?xml version="1.0" encoding="utf-8"?>
<Application xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MyApp.App">
    <Application.Resources>
        <ResourceDictionary>
            <ControlTemplate x:Key="PageTemplate">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="50"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    <BoxView Grid.Row="0"
                             Grid.RowSpan="3"
                             BackgroundColor="#2B653E"/>

                    <Label Grid.Row="1"
                           TextColor="White"
                           HorizontalOptions="Center"
                           FontSize="36"
                           FontFamily="TimesNewRomanPS-BoldMT"
                           Text="{TemplateBinding BindingContext.HeadingText}"/>

                    <Image Grid.Row="2"
                           Grid.RowSpan="2"
                           Source="TGL_BG"/>

                    <ContentPresenter Grid.Row="4"/>

                </Grid>
            </ControlTemplate>
        </ResourceDictionary>
    </Application.Resources>
</Application>

您可以看到我有一个控件数据绑定:

Text="{TemplateBinding BindingContext.HeadingText}"

控制模板可以正常工作,我可以将其添加到页面中,而不会出现任何问题,但不显示绑定属性:

这是我的页面代码:

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             x:Class="MyApp.Pages.ContactPage">
    <ContentView ControlTemplate="{StaticResource PageTemplate}">
        <StackLayout>
             <!-- Page content here, removed for brevity -->
        </StackLayout>
    </ContentView>
</ContentPage>

这是我后面的代码:

using System;
using System.Collections.Generic;
using MyApp.ViewModels;
using Xamarin.Forms;

namespace MyApp.Pages
{
    public partial class ContactPage : ContentPage
    {
        public ContactPage(ContactPageViewModel viewModel)
        {
            InitializeComponent();
            viewModel.Navigation = Navigation;
            BindingContext = viewModel;
        }
    }
}

在这里您可以看到我正在将绑定上下文设置为ViewModel(适用于模板之外的所有内容)。这是我的ViewModel:

using System;
using System.Collections.Generic;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Input;
using MyApp.Helpers;
using Xamarin.Forms;

namespace MyApp.ViewModels
{
    public class ContactPageViewModel : ViewModel
    {
        public string HeadingText = "Contact Us";

        //Other properties and commands here, removed for brevity
    }
}

如您所见,我这里有一个名为“ HeadingText”的公共属性,这是我在视图中绑定的内容。

我已经阅读了文档和一些示例/教程。根据我所见,这应该可行。谁能看到这是怎么回事?

编辑:

我现在已经开始工作了。在我的ViewModel中,我对此进行了更改:

public string HeadingText = "Contact Us";

对此:

public string HeadingText
        {
            get
            {
                return "Contact Us";
            }
        }

现在让问题悬而未决,希望有人可以提供解释。

1 个答案:

答案 0 :(得分:0)

绑定仅适用于公共属性

// this is a field, not a property
public string HeadingText = "Contact Us";

// this is a property
public string HeadingText
    {
        get
        {
            return "Contact Us";
        }
    }