WPF中不使用ListView实现集合数据绑定的替代方法咨询

针对问卷类应用的列表数据绑定需求，完全可以摆脱ListView的限制，以下是几种更灵活的实现方式：

1. 基础方案：ItemsControl #

ItemsControl是WPF中最轻量化的列表绑定控件，本身没有自带的选中样式、滚动条或布局规则，所有UI细节完全由你控制，非常适合问卷这种需要多样化问题模板的场景。

示例代码：

<!-- 绑定问题列表，自定义模板 -->
<ItemsControl ItemsSource="{Binding QuestionList}">
    <!-- 自定义滚动容器（可选） -->
    <ItemsControl.Template>
        <ControlTemplate TargetType="ItemsControl">
            <ScrollViewer VerticalScrollBarVisibility="Auto">
                <ItemsPresenter/>
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>
    
    <!-- 定义每个问题的显示模板 -->
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <!-- 根据问题类型动态切换模板，比如单选、多选、文本输入 -->
            <ContentControl Content="{Binding}" 
                            ContentTemplateSelector="{StaticResource QuestionTemplateSelector}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

• 优势：零默认样式干扰，完全自定义UI；没有内置选中逻辑，需要的话可以自己在ViewModel中添加IsSelected属性，通过DataTrigger实现自定义选中效果。

2. 流式布局：ItemsControl + WrapPanel #

如果问卷需要自适应屏幕宽度的流式排列（比如小屏幕下问题自动换行），可以指定WrapPanel作为ItemsControl的布局容器：

<ItemsControl ItemsSource="{Binding QuestionList}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Vertical" 
                       Margin="16" 
                       HorizontalAlignment="Left"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border Margin="8" 
                    Padding="12" 
                    Background="#f8f9fa" 
                    CornerRadius="6" 
                    Width="300">
                <StackPanel>
                    <TextBlock Text="{Binding Title}" 
                               FontWeight="SemiBold" 
                               FontSize="14" 
                               Margin="0 0 0 8"/>
                    <ContentControl Content="{Binding}" 
                                    ContentTemplateSelector="{StaticResource QuestionTemplateSelector}"/>
                </StackPanel>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

3. 网格布局：ItemsControl + UniformGrid #

若需要固定行列的网格布局（比如两列排列问题），可以使用UniformGrid作为布局容器：

<ItemsControl ItemsSource="{Binding QuestionList}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="2" 
                         Margin="16"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <!-- 自定义ItemTemplate同上 -->
</ItemsControl>

自定义选中效果示例 #

如果问卷需要标记选中的问题，完全可以自己实现样式，避免ListView的蓝色默认效果：

<DataTemplate>
    <Border x:Name="QuestionContainer" 
            Margin="8" 
            Padding="12" 
            Background="#f8f9fa" 
            CornerRadius="6"
            BorderThickness="0">
        <!-- 问题内容 -->
        <StackPanel>
            <TextBlock Text="{Binding Title}" FontWeight="SemiBold"/>
            <ContentControl Content="{Binding}" ContentTemplateSelector="{StaticResource QuestionTemplateSelector}"/>
        </StackPanel>
    </Border>
    
    <DataTemplate.Triggers>
        <DataTrigger Binding="{Binding IsSelected}" Value="True">
            <Setter TargetName="QuestionContainer" Property="Background" Value="#e3f2fd"/>
            <Setter TargetName="QuestionContainer" Property="BorderThickness" Value="2"/>
            <Setter TargetName="QuestionContainer" Property="BorderBrush" Value="#2196f3"/>
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

内容的提问来源于stack exchange，提问作者Eboy