1

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

主页.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>
4

2 回答 2

0

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

于 2012-08-10T23:12:58.417 回答
0

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

  <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>
于 2012-08-14T12:44:30.707 回答