Getting Started with CoreGraphics
•Télécharger en tant que KEY, PDF•
4 j'aime•4,455 vues
Video for this seminar can be found here: http://www.youtube.com/watch?v=MNxVMYKaZP0 Mike has been an active member of the community since MonoTouch launched, and recently joined Xamarin’s excellent documentation team. He’ll show you how to get to grips with creating 2D graphics and modify PDF files on the fly within your MonoTouch applications.
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Similaire à Getting Started with CoreGraphics
Similaire à Getting Started with CoreGraphics (20)
Plus de Xamarin
Plus de Xamarin (20)
Dernier
Dernier (20)
Getting Started with CoreGraphics
- 1. Xamarin Seminar 26th January 2012 Copyright 2012 © Xamarin Inc. All rights reserved
- 2. Agenda Getting Started with Core Graphics Mike Bluestein Technical Writer Xamarin Documentation Team mike.bluestein@xamarin.com Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
- 3. Introduction This session will be a primer on using Core Graphics with MonoTouch. What is Core Graphics? What are its fundamental concepts? How is it used? Examples Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
- 4. What is Core Graphics?
- 5. What is Core Graphics?
- 6. What is Core Graphics? • Quartz 2D
- 7. What is Core Graphics? • Quartz 2D • 2D Drawing API
- 8. What is Core Graphics? • Quartz 2D • 2D Drawing API • Images
- 9. What is Core Graphics? • Quartz 2D • 2D Drawing API • Images • PDF
- 11. It’s Device Independent • Also resolution independent
- 12. It’s Device Independent • Also resolution independent • Don’t work in pixels
- 13. It’s Device Independent • Also resolution independent • Don’t work in pixels • Instead use geometric points
- 14. It’s Device Independent • Also resolution independent • Don’t work in pixels • Instead use geometric points • Code will generally work on any iOS device
- 16. Draw with Primitives • To create geometry
- 17. Draw with Primitives • To create geometry • Describe how to connect points
- 18. Draw with Primitives • To create geometry • Describe how to connect points • Bezier curves
- 19. Draw with Primitives • To create geometry • Describe how to connect points • Bezier curves • Lines
- 20. Draw with Primitives • To create geometry • Describe how to connect points • Bezier curves • Lines • Paths
- 21. Draw with Primitives • To create geometry • Describe how to connect points • Bezier curves • Lines • Paths • Arcs
- 22. Ask to be Drawn
- 23. Ask to be Drawn • Specify various fill and stroke attributes
- 24. Ask to be Drawn • Specify various fill and stroke attributes • Ask the system to draw the geometry
- 25. Ask to be Drawn • Specify various fill and stroke attributes • Ask the system to draw the geometry • Draw during run loop
- 26. Draw during Run Loop
- 27. Draw during Run Loop • Drawing with Core Graphics begins life during run loop processing
- 28. Draw during Run Loop • Drawing with Core Graphics begins life during run loop processing • During each iteration through the run loop
- 29. Draw during Run Loop • Drawing with Core Graphics begins life during run loop processing • During each iteration through the run loop • System checks if any views need to be drawn
- 30. Draw during Run Loop • Drawing with Core Graphics begins life during run loop processing • During each iteration through the run loop • System checks if any views need to be drawn • Calls the UIView’s Draw method
- 31. Overriding Draw
- 32. Overriding Draw • Subclass UIView and Override Draw to introduce drawing code • When run loop cycles, Draw will be called
- 33. Overriding Draw • Subclass UIView and Override Draw to introduce drawing code • When run loop cycles, Draw will be called public override void Draw (RectangleF rect) { base.Draw (rect); // drawing code goes here }
- 34. Basic Steps to Draw
- 35. Basic Steps to Draw 1. Get a graphics context
- 36. Basic Steps to Draw 1. Get a graphics context 2. Set up drawing attributes
- 37. Basic Steps to Draw 1. Get a graphics context 2. Set up drawing attributes 3. Create geometry from drawing primitives
- 38. Basic Steps to Draw 1. Get a graphics context 2. Set up drawing attributes 3. Create geometry from drawing primitives 4. Call a Draw or Stroke method
- 39. Example - Draw a Star
- 40. Example - Draw a Star
- 41. Example - Draw a Star public override void Draw (RectangleF rect) { base.Draw (rect); // get graphics context CGContext gctx = UIGraphics.GetCurrentContext (); // set up drawing attributes gctx.SetLineWidth (4); UIColor.Yellow.SetStroke (); // stroke with a dashed line gctx.SetLineDash (3, new float[] {6,2} ); // create geometry var path = new CGPath (); PointF origin = new PointF (Bounds.GetMidX (), Bounds.GetMinY () + 10); path.AddLines (new PointF[] { origin, new PointF (origin.X + 35, origin.Y + 80), new PointF (origin.X - 50, origin.Y + 30), new PointF (origin.X + 50, origin.Y + 30), new PointF (origin.X - 35, origin.Y + 80) }); path.CloseSubpath (); // add geometry to graphics context and draw it gctx.AddPath (path); gctx.DrawPath (CGPathDrawingMode.Stroke); }
- 43. Other Drawing Scenarios • Images • Map Overlays • PDF
- 44. Other Drawing Scenarios • Images • Map Overlays • PDF
- 46. References Apple’s Quartz 2D Programming Guide MonoTouch Samples - QuartzSample https://github.com/xamarin/monotouch-samples/tree/master/QuartzSample Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
- 47. Xamarin Seminar Please give us your feedback http://bit.ly/xamfeedback Follow us on Twitter @XamarinHQ 26th January 2012 Copyright 2012 © Xamarin Inc. All rights reserved
Notes de l'éditeur
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n