На странице есть несколько картинок, нужно по долгому тапу или двойному переместить выбранную картинку поверх других. Как-то это можно реализовать?
пример картинки(для всех код похож):
<Grid
Width="2560"
Height="1600"
Margin="0,0,0,0"
VerticalAlignment="Center"
HorizontalAlignment="Center">
<Canvas
Width="Auto"
Height="1200"
x:Name="MyCanvas"
Margin="0,0,0,0"
HorizontalAlignment="Left"
VerticalAlignment="Center">
<Image
x:Name="BackStageImg"
Source="{Binding BackStageImg}"/>
<ItemsControl ItemsSource="{Binding ImageList}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<Canvas
Width="Auto"
Height="Auto"
Margin="0,0,0,0"
x:Name="InnerCanvas"
HorizontalAlignment="Left"
VerticalAlignment="Center">
</Canvas>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate x:DataType="models:CollageModel">
<Image
Width="525"
Height="331"
Margin="{x:Bind Margins}"
Source="{x:Bind CollageImage}"
DoubleTapped="Image_DoubleTapped"
ManipulationDelta="Image_ManipulationDelta"
ManipulationMode="TranslateX, TranslateY,Rotate,Scale">
<Image.RenderTransform>
<CompositeTransform/>
</Image.RenderTransform>
</Image>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Canvas>
</Grid>
C# UPD
private void Image_DoubleTapped(object sender, DoubleTappedRoutedEventArgs e)
{
Image tappedImage = (Image)sender;
FrameworkElement container = tappedImage;
while (!(container is ContentPresenter))
container = container.Parent as FrameworkElement;
index++;
Canvas.SetZIndex(container, index);
}
Иерархия
<ItemsControl ItemsSource="{Binding ImageList}">
<ItemsControl.ItemTemplate>
<ItemsPanelTemplate>
<Canvas>
<DataTemplate x:DataType="models:CollageModel">
<Image
Canvas
, можно установитьCanvas.ZIndex
.Canvas
, так подойдет?Canvas.SetZIndex(картинка, 0)
для всех картинок, а для той, которая должна быть сверху,Canvas.SetZIndex(картинка, 1)
. Или если в XAML, то через какой-нибудь триггер.ZIndex
, потому что если 2 картинки имеют индекс 1, то уже нельзя изменить слой