listTemplate wp7的列表框

时间:2012-05-22 11:54:13

标签: windows-phone-7

如何在图像前面显示项目?

我希望图像images / bl_cell.png与列表项重复..这段代码用项目重复照片,但它没有显示图像前面的项目任何人都可以通过这样做帮助??

<Grid x:Name="ContentPanel" Margin="0,128,0,0" HorizontalAlignment="Right" Width="480">
    <TextBlock x:Name="TextBlock3" Margin="233,440,7,83" TextWrapping="Wrap" Text="" Visibility="Collapsed"/>
    <ScrollViewer Margin="-7,0,0,0" x:Name="ss">
        <Grid Height="933" Width="487">
            <ListBox Margin="8,0,0,0" Name="listb" SelectionChanged="listb_SelectionChanged" >
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid Background="{Binding Source=images/bl_cell.png}">
                            <StackPanel>
                                <Image Height="45" Source="images/bl_cell.png" Stretch="Fill" Width="479"  />
                            </StackPanel>
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Grid>
    </ScrollViewer>
</Grid>

1 个答案:

答案 0 :(得分:1)

不要将它们放在StackPanel中。将它们全部放在同一个Grid行和列中。当它们渲染时,它们将从头到尾渲染,从前到后渲染,所以这样的东西会在图像上显示文字:

<Grid>
   <Image Source="..." />
   <TextBox Text="This is caption text on the bottom."  VerticalAlignment="Bottom" />
</Grid>