Ghost1372

everything can be handy

PerspectiveZoom

Property

Name
ZoomOutRotationDuration
ZoomOutOffsetDuration
ZoomInRotationDuration
ZoomInOffsetDuration
ZoomFactor
RotationAngle

Method

Name
ToggleZoom
ZoomOut
ZoomIn

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<dev:PerspectiveZoom x:Name="PerspectiveSample"
RotationAngle="{x:Bind AngleSlider.Value, Mode=OneWay}"
ZoomFactor="{x:Bind ZoomFactorSlider.Value, Mode=OneWay}">

<ListView IsItemClickEnabled="True"
ItemClick="OnItemClick"
ItemsSource="{x:Bind ViewModel.SamplePerspectiveData, Mode=OneWay}">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<ItemsWrapGrid Orientation="Horizontal" />
</ItemsPanelTemplate>
</ListView.ItemsPanel>

<ListView.ItemTemplate>
<DataTemplate x:DataType="model:SampleData">
<Grid>
<Image Width="200"
Height="120"
Source="{x:Bind ImageUrl}"
Stretch="UniformToFill" />
</Grid>
</DataTemplate>
</ListView.ItemTemplate>

</ListView>
</dev:PerspectiveZoom>
1
2
3
4
5
6
7
private void OnItemClick(object sender, ItemClickEventArgs e)
{
ListView listView = (ListView)sender;
ListViewItem listItem = (ListViewItem)listView.ContainerFromItem(e.ClickedItem);

PerspectiveSample.ToggleZoom(listItem);
}

DevWinUI

Demo

you can run demo and see this feature.

0%