Question

我创建了一个多选列表，其中包含一个stackpanel以及每个对应一个checkbox控件的图像和文本。我的实现工作正常，虽然我无法使图像和文本与复选框正确对齐！我想知道是否有一种更好的方法，而不仅仅是调整边距，但如果不是，怎么能实现呢？

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>

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

2 个答案: