CarouselPage.xaml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. x:Class="ControlCatalog.Pages.CarouselPage">
  4. <StackPanel Orientation="Vertical" Spacing="4">
  5. <TextBlock Classes="h2">An items control that displays its items as pages that fill the control.</TextBlock>
  6. <Grid ColumnDefinitions="Auto,*,Auto"
  7. MaxWidth="660"
  8. HorizontalAlignment="Stretch" Margin="0 16 0 0">
  9. <Button Name="left" Grid.Column="0" VerticalAlignment="Center" Padding="10,20" Margin="4">
  10. <Path Data="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" Fill="Black"/>
  11. </Button>
  12. <Carousel Name="carousel" Grid.Column="1">
  13. <Carousel.PageTransition>
  14. <PageSlide Duration="0.25" Orientation="Vertical" />
  15. </Carousel.PageTransition>
  16. <Image Source="/Assets/delicate-arch-896885_640.jpg"/>
  17. <Image Source="/Assets/hirsch-899118_640.jpg"/>
  18. <Image Source="/Assets/maple-leaf-888807_640.jpg"/>
  19. </Carousel>
  20. <Button Name="right" Grid.Column="2" VerticalAlignment="Center" Padding="10,20" Margin="4">
  21. <Path Data="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" Fill="Black"/>
  22. </Button>
  23. </Grid>
  24. <StackPanel Orientation="Horizontal" Spacing="4">
  25. <TextBlock VerticalAlignment="Center">Transition</TextBlock>
  26. <ComboBox Name="transition" SelectedIndex="1" VerticalAlignment="Center">
  27. <ComboBoxItem>None</ComboBoxItem>
  28. <ComboBoxItem>Slide</ComboBoxItem>
  29. <ComboBoxItem>Crossfade</ComboBoxItem>
  30. </ComboBox>
  31. </StackPanel>
  32. <StackPanel Orientation="Horizontal" Spacing="4">
  33. <TextBlock VerticalAlignment="Center">Orientation</TextBlock>
  34. <ComboBox Name="orientation" SelectedIndex="1" VerticalAlignment="Center">
  35. <ComboBoxItem>Horizontal</ComboBoxItem>
  36. <ComboBoxItem>Vertical</ComboBoxItem>
  37. </ComboBox>
  38. </StackPanel>
  39. </StackPanel>
  40. </UserControl>