ViewboxPage.xaml 2.0 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. x:Class="ControlCatalog.Pages.ViewboxPage">
  4. <Grid RowDefinitions="Auto,*,*">
  5. <StackPanel Orientation="Vertical" Spacing="4">
  6. <TextBlock Classes="h1">Viewbox</TextBlock>
  7. <TextBlock Classes="h2">A control used to scale single child.</TextBlock>
  8. </StackPanel>
  9. <Grid Grid.Row="1" ColumnDefinitions="*,Auto" HorizontalAlignment="Center" Margin="0,10,0,0">
  10. <Border HorizontalAlignment="Center" Grid.Column="0" BorderThickness="1" BorderBrush="Orange" Width="200" Height="200">
  11. <Border VerticalAlignment="Center" HorizontalAlignment="Center" Grid.Column="0" BorderThickness="1" BorderBrush="CornflowerBlue" Width="{Binding #WidthSlider.Value}" Height="{Binding #HeightSlider.Value}" >
  12. <Viewbox
  13. Stretch="{Binding #StretchSelector.SelectedItem}"
  14. StretchDirection="{Binding #StretchDirectionSelector.SelectedItem}">
  15. <Ellipse Width="50" Height="50" Fill="CornflowerBlue" />
  16. </Viewbox>
  17. </Border>
  18. </Border>
  19. <StackPanel HorizontalAlignment="Left" Orientation="Vertical" Grid.Column="1" Margin="8,0,0,0" Width="150">
  20. <TextBlock Text="Width" />
  21. <Slider Minimum="10" Maximum="200" Value="100" x:Name="WidthSlider" TickFrequency="25" TickPlacement="TopLeft" />
  22. <TextBlock Text="Height" />
  23. <Slider Minimum="10" Maximum="200" Value="100" x:Name="HeightSlider" TickFrequency="25" TickPlacement="TopLeft" />
  24. <TextBlock Text="Stretch" />
  25. <ComboBox x:Name="StretchSelector" HorizontalAlignment="Stretch" Margin="0,0,0,2" />
  26. <TextBlock Text="Stretch Direction" />
  27. <ComboBox x:Name="StretchDirectionSelector" HorizontalAlignment="Stretch" />
  28. </StackPanel>
  29. </Grid>
  30. </Grid>
  31. </UserControl>