LongListMultiSlector सूची आइटम के साथ चेकबॉक्स संरेखित

Question

मेरे पास एक बड़े फ़ॉन्ट आकार की सूची आइटम के साथ एक LongListMultiSelector है। इस फ़ॉन्ट परिवर्तन के कारण, मुझे एहसास हुआ कि चेक-बॉक्स हमेशा वास्तविक सूची आइटम पर संरेखण से बाहर है। मैंने प्रत्येक स्तर पर क्षैतिज और लंबवत संरेखण को बदलने की कोशिश की है और पैडिंग और मार्जिन मान समायोजित भी किया है। ये सूची आइटम के अंदर टेक्स्ट-ब्लॉक को बदलते हैं लेकिन चेक-बॉक्स शीर्ष पर रूट रहता है, और यह सूची में विकृत दिखता है।

क्या वैसे भी चेक-बक्से लंबवत केंद्रित हैं या इसके पैडिंग का प्रबंधन करते हैं? मुझे सूची शैली में मार्जिन के बारे में recent post एहसास हुआ, हालांकि यह मेरी समस्या के लिए सीधे इनपुट के बिना शामिल था।

Answer 1

आप हमेशा एक स्टैकपैनल के अंदर चेकबॉक्स और टेक्स्टब्लॉक को डालने का प्रयास कर सकते हैं। उस बिंदु से आप चेकबॉक्स के संरेखण को समायोजित कर सकते हैं। इस तरह

कोशिश कुछ:

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

Answer 2

मैं समाधान मिल गया। आप इस मार्जिन = "0, -15,0,22" जैसे डेटामैप्लेट में ग्रिड के लिए मार्जिन बदल सकते हैं - मेरे मामले में चेकबॉक्स के शीर्ष किनारे टेक्स्ट के शीर्ष किनारे के समानांतर होंगे।

आशा है कि यह आपकी मदद करेगा।

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