3

我对 DataTemplates en ContentControl 有疑问。我的情况非常具体。

XAML 页面：

<Page
    x:Class="Questionnaires.QuestionPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Questionnaires"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:selectors="using:Questionnaires.TemplateSelectors"
    xmlns:interop="using:Windows.UI.Xaml.Interop"
    mc:Ignorable="d">

    <Page.Resources>
        <!-- TODO: Delete this line if the key AppName is declared in App.xaml -->
        <selectors:QuestionTypeItemTemplateSelector x:Key="QuestionTypeSelector" />
        <selectors:AnswerTypeItemTemplateSelector x:Key="AnswerTypeSelector"/>

        <DataTemplate x:Key="SingleSelectQuestionItemTemplate">
            <Grid Margin="10">
                <RadioButton HorizontalAlignment="Left" VerticalAlignment="Center" 
                             IsChecked="{Binding IsChecked, Mode=TwoWay}"
                             Width="600" Height="Auto" GroupName="groupName">
                    <RadioButton.Content>
                        <TextBlock Text="{Binding Text}" TextWrapping="Wrap"/>
                    </RadioButton.Content>
                </RadioButton>
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="FreeQuestionItemTemplate">
            <Grid Margin="10">

                <ContentPresenter Content="{Binding}" ContentTemplateSelector="{StaticResource AnswerTypeSelector}" />


                <!--
                <GridView ItemsSource="{Binding}" SelectionMode="None">

                    <GridView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <WrapGrid Orientation="Horizontal" />
                        </ItemsPanelTemplate>
                    </GridView.ItemsPanel>
                </GridView>
                -->
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="MultiSelectQuestionItemTemplate">
            <Grid Margin="10">
                <CheckBox HorizontalAlignment="Left" VerticalAlignment="Center"
                          IsChecked="{Binding IsChecked, Mode=TwoWay}" Width="600">
                    <CheckBox.Content>
                        <TextBlock Text="{Binding Text}" TextWrapping="Wrap"/>
                    </CheckBox.Content>    
                </CheckBox>
            </Grid>
        </DataTemplate>

        <DataTemplate x:Key="LabelAnswerItemTemplate">
        </DataTemplate>

        <DataTemplate x:Key="TextAreaAnswerItemTemplate">
        </DataTemplate>

        <DataTemplate x:Key="TextFieldAnswerItemTemplate">
        </DataTemplate>

        <DataTemplate x:Key="DateAnswerItemTemplate">
        </DataTemplate>

        <DataTemplate x:Key="SliderAnswerItemTemplate">
            <Grid Margin="10">
                <Slider Width="600" Minimum="0" Maximum="100" Value="25" />
            </Grid>
        </DataTemplate>

    </Page.Resources>

    <Grid>
        <Grid.Background>
            <ImageBrush Stretch="None" ImageSource="Assets/IS_Bol_White.png"/>
        </Grid.Background>
        <Grid.ChildrenTransitions>
            <TransitionCollection>
                <EntranceThemeTransition/>
            </TransitionCollection>
        </Grid.ChildrenTransitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="108*"/>
            <RowDefinition Height="60"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="120"/>
            <ColumnDefinition Width="235*"/>
            <ColumnDefinition Width="1011*"/>
        </Grid.ColumnDefinitions>
        <TextBlock x:Name="pageTitle" Text="{Binding Path=Assignment.Definition.Name}" Style="{StaticResource HeaderTextBlockStyle}" Grid.Column="1" 
                        IsHitTestVisible="false" TextWrapping="NoWrap" VerticalAlignment="Bottom" Margin="0,0,30,40" Grid.ColumnSpan="2" FontSize="48"/>

        <Image Grid.Column="2" Grid.Row="0" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,30,0" Width="252" Height="71" Source="ms-appx:///Assets\innovationstudio.png" />

        <Grid Grid.Column="2" Grid.Row="1" Margin="3,0,358,0" Width="650">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <ProgressBar Grid.Row ="0" Maximum="1" Value="{Binding Progress}" IsIndeterminate="False" Grid.ColumnSpan="2" Foreground="Black"/>
            <TextBlock Grid.Row="1" Grid.ColumnSpan="2" Margin="10 20" TextAlignment="Left" HorizontalAlignment="Left" Style="{StaticResource SubheaderTextBlockStyle}"
                       Text="{Binding CurrentQuestion.Text}" />

        </Grid>

        <GridView Grid.Column="2" Grid.Row="2" ItemsSource="{Binding CurrentQuestion.PossibleAnswers}" 
                  ItemTemplateSelector="{StaticResource QuestionTypeSelector}" SelectionMode="None">
            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapGrid Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </GridView.ItemsPanel>
        </GridView>

        <Grid Grid.Column="2" Grid.Row="3" Margin="3,0,358,0" Width="650">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="btn_Previous" Grid.Column="0" HorizontalAlignment="Left" Content="Vorige" Height="59" Width="175" IsEnabled="{Binding IsPreviousButtonEnabled}" Click="btnPrevious_Click"/>
            <Button x:Name="btn_Next" Grid.Column="1" HorizontalAlignment="Right" Content="Volgende" Height="59" Width="175" IsEnabled="{Binding IsNextButtonEnabled}" Click="btnNext_Click"/>
        </Grid>
    </Grid>
</Page>

我使用 ItemTemplateSelector 来指定它将是哪种类型的问题。QuestionType 在 PossibleAnswer 对象中定义。我的 ItemTemplateSelector 看起来像这样：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Questionnaires.Models;
using Questionnaires.ViewModels;

namespace Questionnaires.TemplateSelectors
{
    public class QuestionTypeItemTemplateSelector : DataTemplateSelector
    {
        protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
        {
            switch (((PossibleAnswer)(item)).QuestionType)
            {
                case "FREE":
                    return
                        ((Page) ((Frame) Window.Current.Content).Content).Resources["FreeQuestionItemTemplate"] 
                            as
                            Windows.UI.Xaml.DataTemplate;
                case "SINGLE_SELECT":
                    return
                        ((Page) ((Frame) Window.Current.Content).Content).Resources["SingleSelectQuestionItemTemplate"]
                            as
                            Windows.UI.Xaml.DataTemplate;
                case "MULTI_SELECT":
                    return
                        ((Page) ((Frame) Window.Current.Content).Content).Resources["MultiSelectQuestionItemTemplate"]
                            as Windows.UI.Xaml.DataTemplate;
                case "DROPDOWN":
                    return
                        ((Page) ((Frame) Window.Current.Content).Content).Resources["DropdownQuestionItemTemplate"]
                            as Windows.UI.Xaml.DataTemplate;
                default:
                    return null;
            }
        }
    }
}

通过这种方式，我可以指定需要在我的页面上显示的数据模板。我目前正在处理免费问题，所以我现在专门讨论一个模板。我的 xaml 上的模板如下所示：

<Page.Resources>
    <!-- TODO: Delete this line if the key AppName is declared in App.xaml -->
    <selectors:QuestionTypeItemTemplateSelector x:Key="QuestionTypeSelector" />
    <selectors:AnswerTypeItemTemplateSelector x:Key="AnswerTypeSelector"/>

    <DataTemplate x:Key="FreeQuestionItemTemplate">
        <Grid Margin="10">
            <ContentControl Content="{Binding}" ContentTemplateSelector="{StaticResource AnswerTypeSelector}" />
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="SliderAnswerItemTemplate">
        <Grid Margin="10">
            <Slider Width="600" Minimum="0" Maximum="100" Value="25" />
        </Grid>
    </DataTemplate>
</Page.Resources>

为了让事情更清楚一点：QuestionType 和 PossibleAnswerType 之间是有区别的。QuestionType 可以是：

免费的 SINGLE_SELECT MULTI_SELECT 下拉表

可能的答案类型可以是：

LABEL TEXT_AREA TEXT_FIELD 日期滑块

我尝试在 FreeQuestionTemplate 中获取我的 PossibleAnswer 的 PossibleAnswerType。我正在使用 ContentControl 来执行此操作，但我的 PossibleAnswer 的绑定似乎不起作用。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Questionnaires.Models;

namespace Questionnaires.TemplateSelectors
{
    public class AnswerTypeItemTemplateSelector : DataTemplateSelector
    {
        protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
        {
            switch (((PossibleAnswer) (item)).PossibleAnswerType)
            {
                case "LABEL":
                    return
                       ((Page)((Frame)Window.Current.Content).Content).Resources["LabelAnswerItemTemplate"]
                           as
                           Windows.UI.Xaml.DataTemplate;
                case "TEXT_AREA":
                    return
                       ((Page)((Frame)Window.Current.Content).Content).Resources["TextAreaAnswerItemTemplate"]
                           as
                           Windows.UI.Xaml.DataTemplate;
                case "TEXT_FIELD":
                    return
                       ((Page)((Frame)Window.Current.Content).Content).Resources["TextFieldAnswerItemTemplate"]
                           as
                           Windows.UI.Xaml.DataTemplate;
                case "DATE":
                    return
                       ((Page)((Frame)Window.Current.Content).Content).Resources["DateAnswerItemTemplate"]
                           as
                           Windows.UI.Xaml.DataTemplate;
                case "SLIDER":
                    return
                       ((Page)((Frame)Window.Current.Content).Content).Resources["SliderAnswerItemTemplate"]
                           as
                           Windows.UI.Xaml.DataTemplate;
                default:
                    return null;
            }
        }
    }
}

在我的 AnswerTypeItemTemplateSelector 中，项目对象始终为空。有人给我一些关于如何做到这一点的建议吗？

亲切的问候！

4

1 回答 1

0

好的，查看您的新代码，我认为我已经解决了您的问题。你AnswerTypeItemTemplateSelector用在你的FreeQuestionItemTemplate DataTemplate，它用在你的QuestionTypeItemTemplateSelector。除非您遗漏了一些 XAML，否则您似乎没有在任何地方使用您的QuestionTypeItemTemplateSelector任何地方，因此这些都不是“插入”的。

更新>>>

为了使 anyBinding工作，您必须将DataContext您的 of设置Page为一些有意义的值。告诉 UI 中的DataContext元素在哪里查找其数据绑定值。如果不设置 a DataContext，UI 元素将无法访问任何数据（除非已在 XAML 中声明了某些数据，但我们不要与此混淆）。请查看CodeProject 上WPF 中的 DataContext文章以获取更多信息。

于 2013-11-29T11:24:57.423 回答