在 Xaml/Windows Phone 上的图像中动态添加文本答案

【问题标题】：Dynamically add text in an image on Xaml/Windows Phone在 Xaml/Windows Phone 上的图像中动态添加文本
【发布时间】：2014-06-27 15:33:42
【问题描述】：

我有一个 XAML 列表框，我在其中实现一个图像，旁边有一个文本块。我想在该图像中显示计数文本。例如，对于图像中的第一个块，我想显示 1，对于第二个块，我想显示 2。这样继续下去。下面是sn-p。谁能帮助我如何在图像中写下计数？

 <StackPanel Grid.Column="0">
 <Image Source="/Assets/Images/pin.png"></Image>
  </StackPanel>
    <TextBlock Name="locationID" Visibility="Collapsed" ></TextBlock>
  </StackPanel>
 </StackPanel>

【问题讨论】：

您显示的代码无效，因为您已经关闭了两次StackPanel。
@Sheridan 感谢您的指点......相应地改变了它。

标签： c# wpf windows-phone-8 windows-phone-8.1 image-formats

【解决方案1】：

如果您想要在视图中显示数据源的每个项目的索引，有几种方法可以做到这一点。

您可以将项目的索引保存在数据源本身的属性上，并将该值绑定到您的视图中。如果您的收藏是静态的，这可能是最简单的解决方案。如果是动态的，则很麻烦，您需要手动更新集合更改的索引。
您可以在应用程序级别公开集合（使其成为全局），编写转换器并向其提供集合项。然后您可以在全局数据源中搜索并返回该项目的索引。
您可以使用Cimbalino Toolkit 实现多重绑定，同时提供项目和数据源并返回索引。

【讨论】：

【解决方案2】：

给你

<Grid Grid.Column="0">
    <Grid.Background>
        <ImageBrush ImageSource="/Assets/Images/pin.png"/>
    </Grid.Background>
    <TextBlock Text="text on image" Name="locationID" />
</Grid>

整个想法是将图像放置为网格的背景，并将文本放置为网格的内容。

【讨论】：