xaml - 在 MultiSelect ListView (UWP) 中隐藏默认复选框

Question

我有一个像这样的 ListView

                            <ListView  ItemsSource="{x:Bind DDLItemsSource, Mode=OneWay}" Background="Transparent" VerticalAlignment="Stretch" 
                                   SelectionChanged="StudentsList_SelectionChanged" x:Name="StudentsList" SelectionMode="Multiple"  HorizontalAlignment="Stretch" >
                            <ListView.ItemContainerStyle>
                                <Style TargetType="ListViewItem">
                                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                                    <Setter Property="BorderThickness" Value="0 0 0 1"/>
                                </Style>
                            </ListView.ItemContainerStyle>
                        </ListView>

当这个 Listview 在页面上呈现时，它在每个项目中都带有默认复选框。我想隐藏那些复选框并只显示数据。我怎样才能做到这一点？

这就是 ListView 现在的样子

Answer 1

Hide Default checkbox inside MultiSelect ListView (UWP)

这可以通过编辑 <Style TargetType="ListViewItem" x:Key="ListViewItemExpanded"> 轻松解决。 ,(在 generic.xaml 文件中)你会发现复选框是用 MultiSelectSquare 制作的边框，我们只是添加编辑 Normal VisualState如下所示，当Multiple SelectionMode时复选框将被隐藏。

<VisualState x:Name="Normal">
    <Storyboard>
        <PointerUpThemeAnimation Storyboard.TargetName="ContentPresenter" />
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MultiSelectSquare" Storyboard.TargetProperty="Visibility">
            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</VisualState>

用法

<ListView
    Name="TestList"
    IsItemClickEnabled="True"
    ItemClick="ListView_ItemClick"
    ItemContainerStyle="{StaticResource ListViewItemExpanded}"
    SelectionMode="Multiple"
    Visibility="Visible"
    >