{"id":6485147,"uri":"rw://betamax/collections/216","name":"Drawing in iOS with SwiftUI","description":"

Learn about drawing using SwiftUI by creating custom controls using a combination of SwiftUI and Core Graphics. Covers shapes, colors, drawing with Pencil, and how to integrate them into a non-trivial app.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2019-11-11T15:08:28.100Z","updated_at":"2020-04-09T23:30:28.746Z","duration":10096,"difficulty":"advanced","content_type":"collection","platform_id":42,"language_id":16,"editor_id":31,"group_id":null,"ordinal":null,"body":null,"warnings":[],"related_content_id":null,"popularity":436.241379310345,"labelled_as_new":false,"display_attributes":{"concepts_covered":"

SwiftUI shapes and colors
Custom shapes
Custom controls using SwiftUI
Drawing with Apple Pencil
Integration of UIKit UIViews into SwiftUI Views
Build a complete app with a complex custom interface

","intended_audience":"

This course is for iOS developers who are familiar with Swift and SwiftUI fundamentals and would like to create custom user interfaces using SwiftUI.

"},"average_rating":"5.0","rating_count":7,"professional":true,"to_param":"6485147-drawing-in-ios-with-swiftui","released_versions_data":[{"id":6485147,"url":"6485147-drawing-in-ios-with-swiftui","description":"Swift 5, iOS 13, Xcode 11"},{"id":6485147,"url":"6485147-drawing-in-ios-with-swiftui","description":"Swift 5, iOS 13, Xcode 11"}],"groups":[{"id":524,"uri":"rw://betamax/parts/287","content_id":6485147,"ordinal":0,"name":"Drawing with SwiftUI","description":"","created_at":"2020-02-10T16:36:35.898Z","updated_at":"2020-02-10T16:36:35.906Z","contents":[{"id":8148073,"uri":"rw://betamax/videos/3555","name":"Introduction","description":"

In this course, find out how to draw using SwiftUI, create some custom controls and create an app in which you can create a simple mind map with sketches.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":true,"created_at":"2020-02-10T16:36:35.557Z","updated_at":"2020-04-09T22:30:25.621Z","duration":140,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":1,"warnings":[],"related_content_id":null,"popularity":2933.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Drawing in iOS with SwiftUI · Introduction","duration_in_time":"2:20","identifier":"3555","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3555/66733c7a-cf93-4e53-8ee6-b311e3f2cdf1.png","released":true,"has_materials_url":false,"permission_tags":[]},{"id":8148117,"uri":"rw://betamax/videos/3556","name":"Shapes","description":"

Start off by going over simple colors and shapes and understand how to add them to your views. Use modifiers to clip views to your chosen shape.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:38:08.874Z","updated_at":"2020-04-09T23:30:27.113Z","duration":411,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":2,"warnings":[],"related_content_id":null,"popularity":1780.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Shapes","duration_in_time":"6:51","identifier":"3556","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3556/61638235-9b4f-4303-8e75-6166e8734cef.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148131,"uri":"rw://betamax/videos/3557","name":"Colors","description":"

Learn about Gradients, how to create your own named colors, and what dark mode means for your colors.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:38:26.825Z","updated_at":"2020-04-09T13:30:29.084Z","duration":380,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":3,"warnings":[],"related_content_id":null,"popularity":667.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Colors","duration_in_time":"6:20","identifier":"3557","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3557/24acb6ae-15d9-44e8-8f5c-952731999743.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148148,"uri":"rw://betamax/videos/3558","name":"Custom Shapes","description":"

Explore SwiftUI paths, and the many ways of outlining with a stroke. Learn how to create complex custom shapes made up of paths and transformations.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:38:43.794Z","updated_at":"2020-04-09T20:30:27.502Z","duration":580,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":4,"warnings":[],"related_content_id":null,"popularity":649.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Custom Shapes","duration_in_time":"9:40","identifier":"3558","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3558/de33d464-de3b-427b-84bf-45b14ed8a549.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148176,"uri":"rw://betamax/videos/3559","name":"Challenge: Custom Shape","description":"

Challenge time! In this episode, practice creating your own custom shape. Let's dive in!

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:39:37.977Z","updated_at":"2020-04-09T17:30:32.752Z","duration":137,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":5,"warnings":[],"related_content_id":null,"popularity":456.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Challenge: Custom Shape","duration_in_time":"2:17","identifier":"3559","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3559/af78f581-62d5-4b79-8a7a-1ee82b92a215.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148205,"uri":"rw://betamax/videos/3560","name":"Shape Selection","description":"

Create a list of shapes to select from, then learn how to exploit type erasure and create enums with associated values.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:40:08.403Z","updated_at":"2020-04-09T17:30:32.886Z","duration":507,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":6,"warnings":[],"related_content_id":null,"popularity":491.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Shape Selection","duration_in_time":"8:27","identifier":"3560","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3560/e0b1658d-bbe2-4bf3-837f-ac03becc1182.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148234,"uri":"rw://betamax/videos/3561","name":"Geometry Reader","description":"

Learn about GeometryReader and how to use it for laying out views. Create a scrolling grid list of custom shapes.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:40:29.436Z","updated_at":"2020-04-09T22:30:26.176Z","duration":493,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":7,"warnings":[],"related_content_id":null,"popularity":513.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Geometry Reader","duration_in_time":"8:13","identifier":"3561","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3561/18c834c0-9dce-48c7-ad70-a6a8659bc900.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148267,"uri":"rw://betamax/videos/3562","name":"Persist Cell Views","description":"

Create data storage for the mind map cells using an environment object, and draw example cells from the model.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:40:46.897Z","updated_at":"2020-04-09T06:30:23.234Z","duration":309,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":8,"warnings":[],"related_content_id":null,"popularity":398.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Persist Cell Views","duration_in_time":"5:09","identifier":"3562","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3562/6082108f-5e09-4ee5-8272-0fafa6635495.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148305,"uri":"rw://betamax/videos/3563","name":"Gestures","description":"

Learn how to create gestures to select a mind map cell, drag it, and add a new cell by double-tapping the background.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:41:06.508Z","updated_at":"2020-04-09T06:30:23.328Z","duration":645,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":9,"warnings":[],"related_content_id":null,"popularity":422.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Gestures","duration_in_time":"10:45","identifier":"3563","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3563/cb6c79ea-d2d5-4f2e-b123-7f55e4987c27.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148343,"uri":"rw://betamax/videos/3564","name":"Conclusion","description":"

Review where you are with your SwiftUI drawing, and look forward to how we'll enhance our skills by drawing custom controls.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:41:24.970Z","updated_at":"2020-04-09T20:30:28.032Z","duration":49,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":524,"ordinal":10,"warnings":[],"related_content_id":null,"popularity":255.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Conclusion","duration_in_time":"0:49","identifier":"3564","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3564/7c228b6b-c3e4-444f-a29b-790561758c44.png","released":true,"has_materials_url":false,"permission_tags":["stream-professional-videos"]}]},{"id":525,"uri":"rw://betamax/parts/288","content_id":6485147,"ordinal":1,"name":"Custom Controls","description":"","created_at":"2020-02-10T16:36:36.147Z","updated_at":"2020-02-10T16:36:36.157Z","contents":[{"id":8148381,"uri":"rw://betamax/videos/3565","name":"Introduction","description":"

In this section, you'll learn how to make custom controls by creating a simple slider and a complex flyout menu with multiple options.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:41:45.819Z","updated_at":"2020-04-09T10:30:30.110Z","duration":113,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":11,"warnings":[],"related_content_id":null,"popularity":256.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Introduction","duration_in_time":"1:53","identifier":"3565","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3565/ddd4b210-2fe6-4be8-b8ea-5d402ecc321e.png","released":true,"has_materials_url":false,"permission_tags":["stream-professional-videos"]},{"id":8148425,"uri":"rw://betamax/videos/3566","name":"Create a Custom Control","description":"

Create a custom slider with a gradient background, and learn how to send inputs to controls and receive outputs.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:42:02.524Z","updated_at":"2020-04-09T06:30:23.758Z","duration":496,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":12,"warnings":[],"related_content_id":null,"popularity":264.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Create a Custom Control","duration_in_time":"8:16","identifier":"3566","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3566/9dea721c-0ace-43f3-9384-44eb08952acb.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148526,"uri":"rw://betamax/videos/3567","name":"Challenge: Color Picker Custom Control","description":"

Later, you'll create a sketch pad, so here you'll create a reusable color picker to allow the selection of different drawing colors.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:43:11.170Z","updated_at":"2020-04-09T20:30:28.291Z","duration":401,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":13,"warnings":[],"related_content_id":null,"popularity":236.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Challenge: Color Picker Custom Control","duration_in_time":"6:41","identifier":"3567","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3567/cace72a6-1772-4ad2-a695-7512854e6bb1.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148577,"uri":"rw://betamax/videos/3568","name":"Custom SF Symbols","description":"

SF Symbols are fantastic Apple-designed vector icons. But did you know you can create your own SF Symbols? Open up your vector editor and have a go!

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:43:29.778Z","updated_at":"2020-04-09T18:30:53.319Z","duration":411,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":14,"warnings":[],"related_content_id":null,"popularity":293.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Custom SF Symbols","duration_in_time":"6:51","identifier":"3568","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3568/4c9ad4d8-99ce-4d5b-892b-409831358f38.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148625,"uri":"rw://betamax/videos/3569","name":"Create a Custom Menu","description":"

Learn about rotation and scale effects by creating a circular flyout menu and placing your icons around the edge of a circle.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:43:47.120Z","updated_at":"2020-04-09T06:30:24.292Z","duration":568,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":15,"warnings":[],"related_content_id":null,"popularity":270.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Create a Custom Menu","duration_in_time":"9:28","identifier":"3569","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3569/870a37ad-15a9-43ba-9681-6e2a74460c3d.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148676,"uri":"rw://betamax/videos/3570","name":"Install the Custom Menu","description":"

Install the menu into the app and add custom actions to it. You'll be able to delete cells and also use your shapes grid to choose the shape of each cell.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:44:05.177Z","updated_at":"2020-04-09T06:30:24.406Z","duration":695,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":16,"warnings":[],"related_content_id":null,"popularity":254.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Install the Custom Menu","duration_in_time":"11:35","identifier":"3570","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3570/9e72ae4d-44d2-4a88-b693-d35a43719892.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148730,"uri":"rw://betamax/videos/3571","name":"SwiftUI Drawing Pad","description":"

In this episode, learn how easy it is to create a simple drawing pad using drag gestures and SwiftUI paths.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:44:26.318Z","updated_at":"2020-04-09T23:30:27.912Z","duration":358,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":17,"warnings":[],"related_content_id":null,"popularity":295.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · SwiftUI Drawing Pad","duration_in_time":"5:58","identifier":"3571","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3571/0ef06b9e-f44c-41e8-a92a-16e114b6dda6.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148786,"uri":"rw://betamax/videos/3572","name":"Challenge: Install Color Picker","description":"

To practice installing an existing custom control, install the color picker into the drawing pad and hook it up to the drawing color.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:44:44.950Z","updated_at":"2020-04-09T06:30:24.598Z","duration":128,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":18,"warnings":[],"related_content_id":null,"popularity":196.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Challenge: Install Color Picker","duration_in_time":"2:08","identifier":"3572","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3572/b00f743a-a45d-4ef9-919f-4b1c5b276ae0.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8148847,"uri":"rw://betamax/videos/3573","name":"Conclusion","description":"

Review custom controls and look ahead to the next part, where you'll combine UIKit views with SwiftUI views.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:45:00.724Z","updated_at":"2020-04-09T06:30:24.704Z","duration":69,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":525,"ordinal":19,"warnings":[],"related_content_id":null,"popularity":145.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Conclusion","duration_in_time":"1:09","identifier":"3573","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3573/3cd4e877-e3bc-4ce0-b7e0-158db53b8dcb.png","released":true,"has_materials_url":false,"permission_tags":["stream-professional-videos"]}]},{"id":526,"uri":"rw://betamax/parts/289","content_id":6485147,"ordinal":2,"name":"Support SwiftUI with Core Graphics","description":"","created_at":"2020-02-10T16:36:36.174Z","updated_at":"2020-02-10T16:36:36.180Z","contents":[{"id":8148911,"uri":"rw://betamax/videos/3574","name":"Introduction","description":"

In this part you'll draw images, use Core Graphics with UIKit and merge these views seamlessly with your existing SwiftUI app.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:45:20.711Z","updated_at":"2020-04-09T13:30:30.672Z","duration":60,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":20,"warnings":[],"related_content_id":null,"popularity":202.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Introduction","duration_in_time":"1:00","identifier":"3574","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3574/d91d04d2-13b3-4fd2-b870-c1aa112096b0.png","released":true,"has_materials_url":false,"permission_tags":["stream-professional-videos"]},{"id":8148987,"uri":"rw://betamax/videos/3575","name":"Anatomy of a View","description":"

Understand how the SwiftUI paradigm differs from UIKit. Learn how a view is rendered, and discover Core Animation layers and Core Graphics contexts.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:46:07.390Z","updated_at":"2020-04-09T13:30:30.756Z","duration":309,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":21,"warnings":[],"related_content_id":null,"popularity":213.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Anatomy of a View","duration_in_time":"5:09","identifier":"3575","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3575/f48c7792-682c-4cf2-a0f4-a87cbaa0592b.png","released":true,"has_materials_url":false,"permission_tags":["stream-professional-videos"]},{"id":8149060,"uri":"rw://betamax/videos/3576","name":"Create a CGImage","description":"

Examine the View Hierarchy Debugger in Xcode. Then create a Core Graphics context, draw into it and extract an image.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:46:26.694Z","updated_at":"2020-04-09T14:30:28.285Z","duration":277,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":22,"warnings":[],"related_content_id":null,"popularity":187.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Create a CGImage","duration_in_time":"4:37","identifier":"3576","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3576/2411e427-53ad-4083-b6a3-4b9804982abf.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149131,"uri":"rw://betamax/videos/3577","name":"A UIKit Drawing Pad","description":"

Upgrade your SwiftUI drawing pad to UIKit. Examine the app architecture and understand how to insert UIKit views in a SwiftUI app.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:46:45.521Z","updated_at":"2020-04-09T20:30:29.156Z","duration":640,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":23,"warnings":[],"related_content_id":null,"popularity":222.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · A UIKit Drawing Pad","duration_in_time":"10:40","identifier":"3577","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3577/9eaebd2c-0b04-4b4e-b7ea-721ba8e4337c.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149210,"uri":"rw://betamax/videos/3578","name":"Drawing with Pencil","description":"

Learn how to use Pencil for custom drawing and draw smooth lines with thickness dependent on pressure.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:47:04.104Z","updated_at":"2020-04-09T06:30:25.644Z","duration":282,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":24,"warnings":[],"related_content_id":null,"popularity":205.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Drawing with Pencil","duration_in_time":"4:42","identifier":"3578","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3578/322c7cb5-9a44-4e1c-ae7c-cd21d711e865.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149288,"uri":"rw://betamax/videos/3579","name":"Shading with Pencil","description":"

Understand the extra features that drawing with Pencil gives you. Use the tilt of the pencil to change from drawing to shading.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:47:24.949Z","updated_at":"2020-04-09T06:30:25.796Z","duration":401,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":25,"warnings":[],"related_content_id":null,"popularity":168.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Shading with Pencil","duration_in_time":"6:41","identifier":"3579","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3579/720d7f33-ad6b-4338-9f28-7d647c076188.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149370,"uri":"rw://betamax/videos/3580","name":"Install DrawingPad","description":"

Now that you've created a UIKit drawing pad, add it as a custom option to the flyout menu and show it as a modal view.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:47:42.110Z","updated_at":"2020-04-09T06:30:25.958Z","duration":368,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":26,"warnings":[],"related_content_id":null,"popularity":158.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Install DrawingPad","duration_in_time":"6:08","identifier":"3580","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3580/9230b9dd-47f0-4b99-bea2-5953090807bb.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149455,"uri":"rw://betamax/videos/3581","name":"Challenge: Create a Thumbnail","description":"

In your final challenge, extract the sketch from the drawing pad into an image, create a thumbnail and display it on a mind map cell.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:48:01.676Z","updated_at":"2020-04-09T10:30:31.600Z","duration":232,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":27,"warnings":[],"related_content_id":null,"popularity":139.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Challenge: Create a Thumbnail","duration_in_time":"3:52","identifier":"3581","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3581/0c8a72f2-518d-4af6-a4b6-f1d2388e3d27.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149543,"uri":"rw://betamax/videos/3582","name":"Color Picking from a Bitmap Image","description":"

Go low-level into Core Graphics and examine individual pixels. Learn how to retrieve the pixel color and switch the drawing color to this color.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:48:20.721Z","updated_at":"2020-04-09T10:30:31.721Z","duration":543,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":28,"warnings":[],"related_content_id":null,"popularity":205.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Color Picking from a Bitmap Image","duration_in_time":"9:03","identifier":"3582","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3582/5cb77e0b-94fc-40ba-be81-218b25d9b18a.png","released":true,"has_materials_url":true,"permission_tags":["stream-professional-videos"]},{"id":8149654,"uri":"rw://betamax/videos/3583","name":"Conclusion","description":"

Congrats on finishing the course! Review what you've learned, and find out where to go from here.

","released_at":"2020-02-11T14:00:00.000Z","searchable":true,"free":false,"created_at":"2020-02-10T16:50:13.184Z","updated_at":"2020-04-09T06:30:26.349Z","duration":94,"difficulty":"advanced","content_type":"episode","platform_id":42,"language_id":16,"editor_id":31,"group_id":526,"ordinal":29,"warnings":[],"related_content_id":null,"popularity":179.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"episode_title_with_course":"Drawing in iOS with SwiftUI · Conclusion","duration_in_time":"1:34","identifier":"3583","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/3583/ceee8e19-3ac4-4989-8541-ff15f55cb5da.png","released":true,"has_materials_url":false,"permission_tags":["stream-professional-videos"]}]}]}

Go from beginner to master with raywenderlich.com Professional!