{"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":true,"created_at":"2019-11-11T15:08:28.100Z","updated_at":"2020-02-28T08:01:32.416Z","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":220.862068965517,"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":6,"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-02-28T08:01:21.493Z","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":1647.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"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},{"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-02-28T08:01:21.586Z","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":915.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T08:01:21.676Z","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":330.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T19:01:12.424Z","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":294.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T23:01:17.634Z","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":226.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T05:00:54.985Z","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":262.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T07:01:33.656Z","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":241.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T07:01:33.749Z","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":187.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T08:01:22.288Z","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":205.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T22:01:16.511Z","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":134.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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}]},{"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-02-27T19:01:13.775Z","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":133.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T07:01:34.810Z","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":137.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T07:01:34.914Z","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":117.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T12:00:59.470Z","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":122.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T04:01:06.888Z","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":140.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T04:01:06.974Z","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":131.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T04:01:07.091Z","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":136.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T22:01:17.520Z","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":87.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T23:01:18.751Z","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":62.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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}]},{"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-02-27T23:01:18.917Z","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":91.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T23:01:19.020Z","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":105.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-27T15:01:28.417Z","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":87.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T00:00:58.446Z","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":124.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T00:00:58.542Z","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":93.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T00:00:58.645Z","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":79.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T00:00:58.727Z","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":69.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T00:00:58.820Z","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":68.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T04:01:08.238Z","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":100.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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},{"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-02-28T00:00:58.991Z","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":83.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":true,"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}]}]}

Create your free learning account today!