LongListMultiSelector CheckBox mit Listeneintrag angleichen

Question

Ich habe einen LongListMultiSelector mit Listenelementen einer größeren Schriftgröße. Aufgrund dieser Änderung der Schriftart erkannte ich, dass das Kontrollkästchen immer nicht mit dem tatsächlichen Listenelement übereinstimmt. Ich habe versucht, die horizontale und vertikale Ausrichtung auf jeder Ebene zu ändern und auch Padding und Randwerte angepasst. Diese ändern den Textblock innerhalb des Listenelements, aber das Kontrollkästchen bleibt oben verankert und gibt der Liste ein verzerrtes Aussehen.

Gibt es die Kontrollkästchen in der Mitte zentriert oder verwalten? Ich erkannte dort recent post über Ränder zu der Liste Stil, aber es schien ziemlich beteiligt ohne direkten Input für mein Problem.

Answer 1

Sie könnten immer versuchen, das Kontrollkästchen und den Textblock in einem StackPanel zusammen zu setzen. Ab diesem Punkt können Sie die Ausrichtung des Kontrollkästchens anpassen.

versuchen, etwas wie folgt aus:

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left"> 
     <CheckBox VerticalAlignment="Top" IsChecked="{Binding Selected}" /> 
     <TextBlock Text="{Binding DisplayName}" FontSize="40"/> 
</StackPanel> 

Answer 2

fand ich die Lösung. Sie können den Rand für das Raster in der Datentabelle wie diesen ändern. Rand = "0, -15,0,22" - in meinem Fall wird die obere Kante des Kontrollkästchens parallel zur oberen Kante des Textes sein.

Ich hoffe, es wird Ihnen helfen.

<toolkit:LongListMultiSelector x:Name="SelectedPlayListLLS" ItemsSource="{Binding PlayListTracsObservationCollection}" LayoutMode="List" toolkit:TiltEffect.IsTiltEnabled="True">    <toolkit:LongListMultiSelector.ItemTemplate> 
<DataTemplate> 
<Grid Background="Transparent" Margin="0,-15,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,0"/> 
    <StackPanel Grid.Column="1"> 
     <TextBlock Text="{Binding Title}" 
      TextTrimming="WordEllipsis" 
      Margin="12,0,0,0"/> 
     <TextBlock Text="{Binding Name}" 
      TextTrimming="WordEllipsis" 
      Margin="12,0,0,0" Foreground="#99FFFFFF"/> 
    </StackPanel> 
    </Grid> 
</DataTemplate> 
</toolkit:LongListMultiSelector.ItemTemplate> 
</toolkit:LongListMultiSelector>