windows-phone-8 – LongListMultiSelector将CheckBox与列表项对

发布时间：2020-12-13 21:23:43 所属栏目：Windows 来源：网络整理

导读：我有一个LongListMultiSelector,列表项目的字体较大.由于这种字体更改,我意识到复选框始终与实际列表项不一致.我尝试在每个级别更改水平和垂直对齐,并调整填充和边距值.这些更改了列表项中的文本块,但复选框保持根到顶部,并且它给列表提供了扭曲的外观. 无论

我有一个LongListMultiSelector,列表项目的字体较大.由于这种字体更改,我意识到复选框始终与实际列表项不一致.我尝试在每个级别更改水平和垂直对齐,并调整填充和边距值.这些更改了列表项中的文本块,但复选框保持根到顶部,并且它给列表提供了扭曲的外观.

无论如何都要将复选框垂直居中或管理其填充？我意识到recent post关于列表样式的边距,但它似乎相当复杂,没有任何直接输入我的问题.

我找到了解决方案.您可以在datatemplate中更改网格边距,如此Margin =“0,-15,22” – 在我的情况下,复选框的上边缘将与文本的上边缘平行.

希望它会对你有所帮助.

<toolkit:LongListMultiSelector x:Name="SelectedPlayListLLS" ItemsSource="{Binding PlayListTracsObservationCollection}" LayoutMode="List" toolkit:TiltEffect.IsTiltEnabled="True">               <toolkit:LongListMultiSelector.ItemTemplate>
<DataTemplate>
<Grid Background="Transparent" Margin="0,22">
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="36" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Image  x:Name="image" 
            Width="36" 
            Height="36" 
            Source="{Binding Image}" VerticalAlignment="Top" Margin="0,15,0"/>
    <StackPanel Grid.Column="1">
        <TextBlock Text="{Binding Title}" 
            TextTrimming="WordEllipsis"
            Margin="12,0"/>
        <TextBlock Text="{Binding Name}"  
            TextTrimming="WordEllipsis" 
            Margin="12,0" Foreground="#99FFFFFF"/>
    </StackPanel>
    </Grid>
</DataTemplate>
</toolkit:LongListMultiSelector.ItemTemplate>   
</toolkit:LongListMultiSelector>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!