如果我使用的是DataTemplateSelector,在哪里为客户渲染器设置自定义单元格的绑定?

时间:2016-11-11 11:49:21

标签: xamarin xamarin.forms datatemplateselector

我有一个DataTemplateSelector,用于在两个不同的单元格之间进行选择。在Android上,此模板选择定义为Android xml文件的单元格。我可以确认模板选择器正在工作,因为我有两个不同的颜色圆圈显示,颜色是正确的。但我的数据没有受到约束,我不确定为什么。我想我不会在某处设置绑定,但我不确定在哪里/如何做到这一点。

这是我的页面,其中包含带有DataTemplateSelector的ListView。我设置了ItemsSourcehere,但我从未为列表项的不同部分设置绑定。那是我不知道该怎么做的地方。

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.Pages.Routines.TopLevelRoutinesPage"
             xmlns:statics="clr-namespace:MyApp.Statics;assembly=MyApp"
             xmlns:controls="clr-namespace:MyApp.Controls;assembly=MyApp">
  <ContentPage.Resources>
    <ResourceDictionary>
      <controls:RoutinesDataTemplateSelector x:Key="RoutinesDataTemplateSelector"></controls:RoutinesDataTemplateSelector>
    </ResourceDictionary>
  </ContentPage.Resources>
  <ContentPage.Content>
    <StackLayout VerticalOptions="FillAndExpand"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Vertical"
                 Spacing="0">
      <ListView ItemsSource="{Binding SelectedRoutineTree}"
                ItemTemplate="{StaticResource RoutinesDataTemplateSelector}"
                x:Name="RoutinesView"
                ItemSelected="RoutineClicked"
                Margin ="0, 8, 0, 0">
      </ListView>
    </StackLayout>
  </ContentPage.Content>
</ContentPage>

代码隐藏:

using MyApp.ViewModels;
using MyCloudContracts.DTOs;
using System;
using System.Linq;
using Xamarin.Forms;

namespace MyApp.Pages.Routines
{
    public partial class TopLevelRoutinesPage : ContentPage
    {
        private TopLevelRoutinesViewModel _viewModel;
        private string _projCompName;

        public TopLevelRoutinesPage(Guid docId, bool fromCompany, string projCompName)
        {
            InitializeComponent();
            _projCompName = projCompName;
            Title = _projCompName;
            _viewModel = new TopLevelRoutinesViewModel(docId, fromCompany);
            BindingContext = _viewModel;

            if (Device.OS == TargetPlatform.Android)
                RoutinesView.SeparatorVisibility = SeparatorVisibility.None;
        }

        private async void RoutineClicked(object sender, SelectedItemChangedEventArgs e)
        {
            //since this is also called when an item is deselected, return if set to null
            if (e.SelectedItem == null)
                return;

            var selectedRoutine = (PublishedDocumentFragmentDTO)e.SelectedItem;
            var fragId = selectedRoutine.FragmentId;
            var title = selectedRoutine.Title;
            var blobIdStr = selectedRoutine.BlobId;
            var blobId = new Guid(blobIdStr);

            if (selectedRoutine.Children.Any())
            {
                var routineTree = _viewModel.SelectedRoutineTree;
                var subroutinesPage = new SubroutinesPage(routineTree, fragId, title, blobId, _projCompName);
                await Navigation.PushAsync(subroutinesPage);
            }
            else
            {
                var routinePage = new RoutinePage(title, blobId);
                await Navigation.PushAsync(routinePage);
            }

            //take away selected background
            ((ListView)sender).SelectedItem = null;
        }
    }
}

DataTemplateSelector

using MyApp.Pages.Routines.CustomCells;
using MyCloudContracts.DTOs;
using Xamarin.Forms;

namespace MyApp.Controls
{
    class RoutinesDataTemplateSelector : DataTemplateSelector
    {
        private readonly DataTemplate _folderDataTemplate;
        private readonly DataTemplate _routineDataTemplate;

        public RoutinesDataTemplateSelector()
        {
            _folderDataTemplate = new DataTemplate(typeof(FolderViewCell));
            _routineDataTemplate = new DataTemplate(typeof(RoutineViewCell));
        }

        protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
        {
            var chooser = item as PublishedDocumentFragmentDTO;
            if (chooser == null)
                return null;
            else if (chooser.Children.Length == 0)
            {
                return _routineDataTemplate;
            }
            else
            {
                return _folderDataTemplate;
            }      
        }
    }
}

我的一个自定义ViewCells的示例。我认为这是我错的地方,但我不确定为什么。我制作属性,但我不知道如何正确设置它们。

using Xamarin.Forms;

namespace MyApp.Pages.Routines.CustomCells
{
    public class RoutineViewCell : ViewCell
    {
        public static readonly BindableProperty TitleProperty =
            BindableProperty.Create("Title", typeof(string), typeof(RoutineViewCell), "");

        public string Title
        {
            get { return (string)GetValue(TitleProperty); }
            set { SetValue(TitleProperty, value); }
        }
    }
}

感谢您的帮助:)

1 个答案:

答案 0 :(得分:0)

我找到了答案。我需要在自定义单元格文件中覆盖OnBindingContextChanged()。我的工作代码现在看起来像这样:

using Xamarin.Forms;

namespace MyApp.Pages.Routines.CustomCells
{
    public class RoutineViewCell : ViewCell
    {
        public static readonly BindableProperty TitleProperty =
            BindableProperty.Create("Title", typeof(string), typeof(RoutineViewCell), "");

        public string Title
        {
            get { return (string)GetValue(TitleProperty); }
            set { SetValue(TitleProperty, value); }
        }

        protected override void OnBindingContextChanged()
        {
            this.SetBinding(TitleProperty, "Title");
            base.OnBindingContextChanged();
        }
    }
}