silverlight：如何根据项目对象类型在列表框中显示不同的视图？

Question

比如说，我有两个类：AppleViewModel 和 OrangeViewModel。我有AppleViewModel 和OrangeViewModel 中的ObservableCollection<object>。

还有两个对应的视图：AppleView和OrangeView。

在 app.xaml 中，有它们的 DataTemplates：

<Application.Resources>
    <DataTemplate x:Key="AppleTemplate">
        <local:AppleView/>
    </DataTemplate>
    <DataTemplate x:Key="OrangeTemplate">
        <local:OrangeView/>
    </DataTemplate>
</Application.Resources>

还有一个转换器以防万一：

public class MyContentConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if(value is AppleViewModel)
            return Application.Current.Resources["AppleTemplate"] as DataTemplate;
        else if (value is OrangeViewModel)
            return Application.Current.Resources["OrangeTemplate"] as DataTemplate;
        else return null;
    }
}

引用：

<phone:PhoneApplicationPage.Resources>
    <local:MyContentConverter x:Key="cConverter"/>
</phone:PhoneApplicationPage.Resources>

这是<ListBox/>：

    <ListBox ItemsSource="{Binding Fruits}" >
        <ListBox.ItemTemplate>
            <DataTemplate>
                <ContentControl ContentTemplate="{Binding Converter={StaticResource cConverter}}"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

它只显示空白屏幕。如何修复它，以便列表框显示苹果和橙子的不同视图？

Answer 1

ContentControl 的 ContentTemplate 的 DataContext 实际上是 ContentControl 的内容，而不是它的 DataContext。所以问题可能是您的视图将 Null 作为 DataContext。

这样试试

<ListBox ItemsSource="{Binding Fruits}" >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding}"
                            ContentTemplate="{Binding Converter={StaticResource cConverter}}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

更新
尝试向您的 AppleView 和 OrangeView 添加一些静态信息，看看它是否有效

OrangeView

<StackPanel x:Name="LayoutRoot" Background="Orange" Orientation="Horizontal">
    <TextBlock Text="Orange View:"/>
    <TextBlock Text="{Binding Name}"/>
</StackPanel>

AppleView

<StackPanel x:Name="LayoutRoot" Background="Green" Orientation="Horizontal">
    <TextBlock Text="Apple View:"/>
    <TextBlock Text="{Binding Name}"/>
</StackPanel>

另外，我在这里上传了我的示例应用，以便您可以将其与您的比较：
http://www.mediafire.com/?dqy47c69zgcmcnv