如何使图像和文本与复选框对齐

Question

我创建了一个多选列表，其中包括一个堆栈面板，每个图像和文本都对应于一个复选框控件。我的实现工作正常，尽管我无法使图像和文本与复选框正确对齐！我想知道是否有比简单地调整边距更好的方法，但如果不是，如何做到这一点？

MainPage.xaml

<toolkit:MultiselectList x:Name="connectionTypeMultiSelectList" HorizontalAlignment="Left" VerticalAlignment="Top" Tap="connectionTypeMultiSelectList_Tap">
                        <toolkit:MultiselectList.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Margin="12,0,0,0">
                                    <Image Source="{Binding Icon}" Width="35" Height="35" Margin="0"/>
                                    <TextBlock Text="{Binding Name}"  Margin="10"/>
                                </StackPanel>
                            </DataTemplate>
                        </toolkit:MultiselectList.ItemTemplate>                            
                    </toolkit:MultiselectList>

Answer 1

尝试设置堆栈面板的高度，并将要适合的图像和文本指定为 TextAlign=Center。

Answer 2

在您的设计中尝试以下边距值，让我知道它是否有效。它适用于我创建的虚拟数据。我希望它也对你有用。

  <StackPanel Orientation="Horizontal" Margin="12,0,0,0">
        <Image Source="{Binding Icon}" Width="35" Height="35" Margin="0,-12,0,0"/>
        <TextBlock Text="{Binding Name}" Margin="12,5,0,0"/>
  </StackPanel>