如何在UWP中使CarouselControl的ItemMargin自适应?

时间:2020-10-30 20:18:49

标签: uwp uwp-xaml

我正在使用一个UWP应用程序,其中我的页面有2列。在第一列中,我使用轮播控件来显示不同的图像。我想设置“轮播”控件的ItemMargin,以使第二个图像正好窥视到足以被用户看到,并且我希望它具有自适应性,以使下一个图像每次都窥视列的相同位置。有关如何进行此操作的任何想法?

编辑:添加了示例xaml代码

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d">

 <Grid>
   <Border Margin="0">
    <controls:Carousel x:Name="CarouselControl"
              InvertPositive="True"
              ItemDepth="300"
              ItemMargin="336"
              ItemRotationX="-180"
              ItemRotationY="-180"
              ItemRotationZ ="-180"
              Orientation="Horizontal"
              SelectedIndex="0">
    <controls:Carousel.EasingFunction>
      <CubicEase EasingMode="EaseOut" />
    </controls:Carousel.EasingFunction>
    <controls:Carousel.ItemTemplate>
      <DataTemplate>
        <Image Width="200"
              Height="200"
              VerticalAlignment="Bottom"
              Source="{Binding Thumbnail}"
              Stretch="Uniform" />
      </DataTemplate>
    </controls:Carousel.ItemTemplate>
  </controls:Carousel>
</Border>

如您所见,我已将ItemMargin的值固定为336。但是,当我调整此应用的大小时,窥视图像的位置不会保持不变。我想让偷看图像的位置保持不变,即使调整了应用窗口的大小。

0 个答案:

没有答案
相关问题