Я создал несколько растровых изображений с прозрачным фоном для отображения данных. Данные загружаются правильно, но у меня возникли проблемы с наложением этих изображений. Мне нужна помощь в настройке макета ItemsRepeater или ItemsControl, чтобы изображения располагались друг над другом без предопределенного макета.
Моя цель — воссоздать следующую структуру с помощью ItemsRepeater или аналогичного элемента управления:
<Grid>
<Image Grid.Row = "1" Grid.Column = "1" Source = "{x:Bind ViewModel.ImagePath1, Mode=OneWay}"
AutomationProperties.Name = "cliff" Stretch = "Uniform"
HorizontalAlignment = "Center" VerticalAlignment = "Center"/>
<Image Grid.Row = "1" Grid.Column = "1" Source = "{x:Bind ViewModel.ImagePath2, Mode=OneWay}"
AutomationProperties.Name = "cliff" Stretch = "Uniform"
HorizontalAlignment = "Center" VerticalAlignment = "Center"/>
<!-- Images from 1-n -->
</Grid>
Но я не могу заставить изображения правильно накладываться. Как мне добиться такого макета с помощью ItemsRepeater или другого подходящего элемента управления?
Я попробовал использовать ItemsRepeater следующим образом:
<ItemsRepeater ItemsSource = "{x:Bind ViewModel.ContourPlots, Mode=OneWay}"
ItemTemplate = "{StaticResource ContourPlotImageTemplate}" />
<Image Grid.Row = "1" Grid.Column = "1" Source = "{x:Bind ViewModel.ImagePath2, Mode=OneWay}"
AutomationProperties.Name = "cliff" Stretch = "Uniform"
HorizontalAlignment = "Center" VerticalAlignment = "Center"/>





Это сработало для меня:
<ItemsControl ItemsSource = "{x:Bind ViewModel.ContourPlots, Mode=OneWay}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<Grid />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<StaticResource ResourceKey = "ContourPlotImageTemplate" />
</ItemsControl.ItemTemplate>
<Page.Resources>
<DataTemplate x:Key = "ContourPlotImageTemplate" x:DataType = "viewmodels:ContourlineUIHolder">
<Image Visibility = "{x:Bind CVisibility, Mode=TwoWay}" Source = "{x:Bind ContourlineSource, Mode=TwoWay}" AutomationProperties.Name = "cliff"
HorizontalAlignment = "Center" VerticalAlignment = "Center"/>
</DataTemplate>
</Page.Resources>
Ваш ответ можно улучшить, добавив дополнительную вспомогательную информацию. Пожалуйста, отредактируйте , добавив дополнительную информацию, например цитаты или документацию, чтобы другие могли подтвердить правильность вашего ответа. Более подробную информацию о том, как писать хорошие ответы, вы можете найти в справочном центре.