Динамически добавлять текст в изображение на Xaml/Windows Phone

Question

У меня есть XAML ListBox, где я реализую изображение рядом с тем, что есть блок текста. Я хочу отобразить текст счета в этом изображении. Например, для первого блока на изображении я хочу отобразить 1, для второго блока я хочу отобразить 2. Это продолжается. Ниже приведен фрагмент. Может кто-нибудь, пожалуйста, помогите мне, как я могу написать количество чисел в изображении?

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

Answer 1

здесь вы идете

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

идея заключается в том, чтобы поместить изображение в качестве фона сетки и поместить текст в качестве содержимого сетки.

Answer 2

Если вы хотите сделать, это показать индекс каждого элемента вашего источника данных в вашем представлении, есть несколько способов сделать это.

• Вы можете сохранить индекс объекта в свойстве самого источника данных и связать это значение в своем представлении. Это, вероятно, самое простое решение, если ваша коллекция статична. Громоздкий, если динамический, вам нужно будет вручную обновить индексы ваших изменений коллекции.
• Вы можете выставить коллекцию на уровне приложения (делая ее глобальной), написать конвертер и предоставить ему элемент коллекции. Затем вы можете искать и возвращать индекс этого элемента в свой глобальный источник данных.
• Вы можете реализовать многосвязывание с помощью Cimbalino Toolkit, предоставляя как элемент, так и источник данных и возвращающий индекс.