LongListMultiSelector Căn chỉnh hộp kiểm với mục danh sách

Question

Tôi có một LongListMultiSelector với các mục danh sách có kích thước phông chữ lớn hơn. Do sự thay đổi phông chữ này, tôi nhận ra hộp kiểm luôn nằm ngoài sự liên kết với mục danh sách thực tế. Tôi đã thử thay đổi sự liên kết ngang và dọc ở mọi cấp độ và cũng điều chỉnh các giá trị padding và margin. Những thay đổi khối văn bản bên trong mục danh sách nhưng hộp kiểm vẫn giữ nguyên ở phía trên cùng, và nó cho một cái nhìn méo mó vào danh sách.

Có cách nào để các hộp kiểm được căn giữa theo chiều dọc hoặc quản lý vùng đệm của nó không? Tôi nhận ra có recent post về lợi nhuận theo kiểu danh sách, tuy nhiên nó dường như khá liên quan mà không có bất kỳ đầu vào thẳng nào cho vấn đề của tôi.

Answer 1

Bạn luôn có thể thử đặt hộp kiểm và khối văn bản bên trong StackPanel cùng nhau. Từ thời điểm đó, bạn có thể điều chỉnh căn chỉnh của hộp kiểm.

Hãy thử một cái gì đó như thế này:

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

Answer 2

Tôi tìm thấy giải pháp. Bạn có thể thay đổi margin cho lưới trong datatemplate như Margin này = "0, -15,0,22" - trong trường hợp trên cùng của hộp kiểm của tôi sẽ song song với cạnh trên của văn bản.

Hy vọng nó sẽ giúp bạn.

<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>