ImagePage.xaml 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. x:Class="ControlCatalog.Pages.ImagePage">
  4. <DockPanel>
  5. <StackPanel DockPanel.Dock="Top" Orientation="Vertical" Spacing="4">
  6. <TextBlock Classes="h1">Image</TextBlock>
  7. <TextBlock Classes="h2">Displays an image</TextBlock>
  8. </StackPanel>
  9. <Grid ColumnDefinitions="*,*" RowDefinitions="Auto,*" Margin="64">
  10. <DockPanel Grid.Column="0" Grid.Row="1" Margin="16">
  11. <TextBlock DockPanel.Dock="Top" Classes="h3" Margin="0 8">Bitmap</TextBlock>
  12. <ComboBox Name="bitmapStretch" DockPanel.Dock="Top" SelectedIndex="2" SelectionChanged="BitmapStretchChanged">
  13. <ComboBoxItem>None</ComboBoxItem>
  14. <ComboBoxItem>Fill</ComboBoxItem>
  15. <ComboBoxItem>Uniform</ComboBoxItem>
  16. <ComboBoxItem>UniformToFill</ComboBoxItem>
  17. </ComboBox>
  18. <Image Name="bitmapImage"
  19. Source="/Assets/delicate-arch-896885_640.jpg"/>
  20. </DockPanel>
  21. <DockPanel Grid.Column="1" Grid.Row="1" Margin="16">
  22. <TextBlock DockPanel.Dock="Top" Classes="h3" Margin="0 8">Drawing</TextBlock>
  23. <ComboBox Name="drawingStretch" DockPanel.Dock="Top" SelectedIndex="2" SelectionChanged="DrawingStretchChanged">
  24. <ComboBoxItem>None</ComboBoxItem>
  25. <ComboBoxItem>Fill</ComboBoxItem>
  26. <ComboBoxItem>Uniform</ComboBoxItem>
  27. <ComboBoxItem>UniformToFill</ComboBoxItem>
  28. </ComboBox>
  29. <Image Name="drawingImage">
  30. <Image.Source>
  31. <DrawingImage>
  32. <GeometryDrawing Brush="Red">
  33. <PathGeometry>
  34. <PathFigure StartPoint="0,0" IsClosed="True">
  35. <QuadraticBezierSegment Point1="50,0" Point2="50,-50" />
  36. <QuadraticBezierSegment Point1="100,-50" Point2="100,0" />
  37. <LineSegment Point="50,0" />
  38. <LineSegment Point="50,50" />
  39. </PathFigure>
  40. </PathGeometry>
  41. </GeometryDrawing>
  42. </DrawingImage>
  43. </Image.Source>
  44. </Image>
  45. </DockPanel>
  46. </Grid>
  47. </DockPanel>
  48. </UserControl>