CanvasPage.xaml 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. x:Class="ControlCatalog.Pages.CanvasPage">
  4. <StackPanel Orientation="Vertical" Spacing="4">
  5. <TextBlock Classes="h2">A panel which lays out its children by explicit coordinates</TextBlock>
  6. <Canvas Background="Yellow" Width="300" Height="400">
  7. <Rectangle Fill="Blue" Width="63" Height="41" Canvas.Left="40" Canvas.Top="31" RadiusX="10" RadiusY="10">
  8. <Rectangle.OpacityMask>
  9. <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
  10. <LinearGradientBrush.GradientStops>
  11. <GradientStop Offset="0" Color="Black"/>
  12. <GradientStop Offset="1" Color="Transparent"/>
  13. </LinearGradientBrush.GradientStops>
  14. </LinearGradientBrush>
  15. </Rectangle.OpacityMask>
  16. </Rectangle>
  17. <Rectangle Fill="hsva(240, 83%, 73%, 90%)" Stroke="hsl(5, 85%, 85%)" StrokeThickness="2" Width="40" Height="20" Canvas.Left="150" Canvas.Top="10" RadiusX="10" RadiusY="5" />
  18. <Ellipse Fill="Green" Width="58" Height="58" Canvas.Left="88" Canvas.Top="100"/>
  19. <Path Fill="Orange" Data="M 0,0 c 0,0 50,0 50,-50 c 0,0 50,0 50,50 h -50 v 50 l -50,-50 Z" Canvas.Left="30" Canvas.Top="250"/>
  20. <Path Fill="OrangeRed" Canvas.Left="180" Canvas.Top="250">
  21. <Path.Data>
  22. <PathGeometry>
  23. <PathFigure StartPoint="0,0" IsClosed="True">
  24. <QuadraticBezierSegment Point1="50,0" Point2="50,-50" />
  25. <QuadraticBezierSegment Point1="100,-50" Point2="100,0" />
  26. <LineSegment Point="50,0" />
  27. <LineSegment Point="50,50" />
  28. </PathFigure>
  29. </PathGeometry>
  30. </Path.Data>
  31. </Path>
  32. <Line StartPoint="120,185" EndPoint="30,115" Stroke="Red" StrokeThickness="2"/>
  33. <Polygon Points="75,0 120,120 0,45 150,45 30,120" Stroke="DarkBlue" StrokeThickness="1" Fill="Violet" Canvas.Left="150" Canvas.Top="31"/>
  34. <Polyline Points="0,0 65,0 78,-26 91,39 104,-39 117,13 130,0 195,0" Stroke="Brown" Canvas.Left="30" Canvas.Top="350"/>
  35. </Canvas>
  36. </StackPanel>
  37. </UserControl>