Блог

Я работаю над приложением UWP, где на моей странице есть 2 столбца. В первом столбце я использовал элемент управления Carousel для отображения разных изображений. Я хотел бы установить ItemMargin элемента управления Carousel таким образом, чтобы второе изображение выглядывало достаточно, чтобы его мог видеть пользователь, и я хотел бы, чтобы оно было адаптивным, чтобы следующее изображение каждый раз просматривалось в одном и том же месте столбца. Есть идеи о том, как продолжить это?

Редактировать: добавлен пример кода 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. Однако, когда я изменяю размер этого приложения, положение выглядывающего изображения не остается прежним. Я хотел бы иметь что-то, где положение выглядывающего изображения остается неизменным даже при изменении размера окна приложения.