WPF vs Windows Forms

Transcription

1 Grafika 2D

2 WPF vs Windows Forms immediate-mode graphics : programista dba o odrysowywanie elementów, które tego wymagają retained-mode graphics : wszystko co zostanie narysowane jest automatycznie zachowywane i odświeżane

3 Trzy sposoby Drawing Visual Shape

4 Drawing GeometryDrawing ImageDrawing VideoDrawing GlyphRunDrawing DrawingGroup

5 GeometryDrawing <GeometryDrawing Brush = "Orange"> <GeometryDrawing.Pen Pen> <Pen Brush = "Black" Thickness = "10"/> </GeometryDrawing.Pen> <GeometryDrawing.Geometry Geometry> <EllipseGeometry RadiusX = "100" RadiusY = "50"/> </GeometryDrawing.Geometry> </GeometryDrawing>

6 Wyświetlanie Drawing DrawingImage DrawingBrush DrawingVisual

7 GeometryDrawing <Image> <Image.Source> <DrawingImage> <DrawingImage.Drawing> <GeometryDrawing Brush= Orange >... </GeometryDrawing> </DrawingImage.Drawing> </DrawingImage> </Image.Source> </Image>

8 Geometry RectangleGeometry ( Rect, RadiusX, RadiusY ) EllipseGeometry ( Center, RadiusX, RadiusY ) LineGeometry ( StartPoint, EndPoint ) PathGeometry ( + StreamGeometry)

9 PathGeometry.Figures (PathFigure) LineSegment PolyLineSegment ArcSegment BezierSegment PolyBezierSegment QuadraticBezierSegment PolyQuadraticBezierSegment

10 PathFigure <GeometryDrawing> <GeometryDrawing.Pen> <Pen Brush = "Black" Thickness = "10" /> </GeometryDrawing.Pen> <GeometryDrawing.Geometry> <PathGeometry> <PathFigure StartPoint = "0, 0"> <LineSegment Point = "0, 100" /> <LineSegment Point = "100, 100" /> </PathFigure>...

11 PathFigure StartPoint IsClosed FillRule EvenOdd NonZero

12 GeometryGroup <GeometryDrawing... > <GeometryDrawing.Geometry> <GeometryGroup> <PathGeometry>... </PathGeometry> <RectangleGeometry... /> <EllipseGeometry... /> </GeometryGroup>...

13 CombinedGeometry GeometryCombineMode Union Intersect Xor Exclude Geometry1 Geometry2

14 GeometryConverter <GeometryDrawing Geometry = "M 0,0 L 0,100 L 100,100 Z"> <GeometryDrawing.Pen> <Pen Brush = "Black" Thickness = "10" /> </GeometryDrawing.Pen> </GeometryDrawing>

15 Pen StartLineCap, EndLineCap, DashCap ( Flat, Square, Round, Triangle ) LineJoin ( Miter, Round, Bevel ) DashStyle ( Solid, Dash, Dot, DashDot, DashDotDot )

16 DrawingVisual DrawingGroup somedrawing = FindResource ("somedrawing") as DrawingGroup; DrawingVisual somevisual = new DrawingVisual ( ); using (DrawingContext dc = somevisual.renderopen ( )) { dc.drawdrawing (somedrawing); }

17 DrawingVisual c.d. using (DrawingContext dc = somevisual.renderopen ( )) { dc.drawdrawing (firstdrawing); dc.drawdrawing (seconddrawing); } dc.drawgeometry ( Brushes.Blue, null, Geometry.Parse (... ) ); dc.drawellipse (... ); dc.drawline (... );

18 Wyświetlanie DrawingVisual } AddVisualChild(someVisual); AddLogicalChild(someVisual); protected override int VisualChildrenCount { get { return 1; } } protected override Visual GetVisualChild (int index) { return somevisual; }

19 Visual Hit Testing HitTestResult result = VisualTreeHelper.HitTest (this, point); if (result.visualhit == somevisual) { // Nasz obiekt somevisual zawiera punkt "point" }

20 Visual Hit Testing c.d. VisualTreeHelper.HitTest(this, null, new HitTestResultCallback (HitCbk), new PointHitTestParameters (point)); } public HitTestResultBehavior HitCbk(HitTestResult r) { DrawingVisual dv = r.visualhit as DrawingVisual;... // dv zawiera "trafiony" obiekt DrawingVisual return HitTestResultBehavior.Continue; }

21 Shape Rectangle Ellipse Line Polyline Polygon Path

22 Shape c.d. <StackPanel> <Rectangle Width = "200" Height = "100" Fill = "Orange" Stroke = "Black" StrokeThickness = "10" Margin = "4" RadiusX = "10" RadiusY = "30" /> <Ellipse Width="20" Height="10" Fill="Orange"/> <Line X1 = "0" Y1 = "0" X2 = "10" Y2 = "10" Stroke = "Red" /> </StackPanel>

23 Shape c.d. <StackPanel> <Polyline Points = "0, 0 100, , 0" Stroke = "Black" /> <Polygon Points = "0, 0 100, , 0" Stroke = "Black" /> </StackPanel>

24 Shape c.d. <StackPanel> <Path Fill = "Orange" Stroke = "Black"> <Path.Data> <PathGeometry> <PathFigure IsClosed = "True"> <LineSegment Point = "0,100" /> <LineSegment Point = "100,100" /> </PathFigure>...

25 Brush SolidColorBrush LinearGradientBrush RadialGradientBrush DrawingBrush ImageBrush VisualBrush BitmapCacheBrush

26 LinearGradientBrush <LinearGradientBrush StartPoint = "0,0" EndPoint = "1,1"> <GradientStop Offset = "0" Color = "Red"/> <GradientStop Offset = "0.2" Color = "Orange"/> <GradientStop Offset = "0.4" Color = "Yellow"/> <GradientStop Offset = "0.6" Color = "Green"/> <GradientStop Offset = "0.8" Color = "Blue"/> <GradientStop Offset = "1" Color = "Purple"/> </LinearGradientBrush>

27 RadialGradientBrush <RadialGradientBrush Center = "0.5,0.5" RadiusX = "0.5" RadiusY = "0.5"> <GradientStop Offset = "0" Color="#990000FF"/> <GradientStop Offset="0.5" Color="#550000FF"/> <GradientStop Offset = "1" Color="#000000FF"/> </RadialGradientBrush>

28 TileBrush DrawingBrush ImageBrush VisualBrush

29 TileBrush Stretch (None, Fill, Uniform, UniformToFill) TileMode (None, Tile, FlipXY, FlipX, FlipY) Viewport Viewbox

30 Effect DropShadowEffect BlurEffect ShaderEffect (abstrakcyjna)