doxy/Resources/Public/docs/data/tutorials/slothcreator/creating-custom-sloths.json

1 line
22 KiB
JSON
Raw Normal View History

{"kind":"project","hierarchy":{"reference":"doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator","modules":[{"reference":"doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/SlothCreator-Essentials","projects":[{"sections":[{"reference":"doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/Creating-Custom-Sloths#Create-a-new-project-and-add-SlothCreator","kind":"task"},{"kind":"task","reference":"doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/Creating-Custom-Sloths#Add-a-customization-view"}],"reference":"doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/Creating-Custom-Sloths"}]}],"paths":[["doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator","doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/$volume","doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/SlothCreator-Essentials"]]},"schemaVersion":{"minor":3,"patch":0,"major":0},"identifier":{"url":"doc:\/\/slothcreatorbuildingdoccdocumentationinxcode-3.SlothCreator\/tutorials\/SlothCreator\/Creating-Custom-Sloths","interfaceLanguage":"swift"},"variants":[{"paths":["\/tutorials\/slothcreator\/creating-custom-sloths"],"traits":[{"interfaceLanguage":"swift"}]}],"sections":[{"kind":"hero","title":"Creating Custom Sloths","content":[{"inlineContent":[{"type":"text","text":"This tutorial guides you through building "},{"inlineContent":[{"text":"Slothy","type":"text"}],"type":"emphasis"},{"type":"text","text":" — an app for creating and caring for custom sloths. Youll start by building the sloth creation view."}],"type":"paragraph"}],"estimatedTimeInMinutes":30,"image":"creating-intro.png","chapter":"SlothCreator Essentials","backgroundImage":"creating-intro.png"},{"kind":"tasks","tasks":[{"anchor":"Create-a-new-project-and-add-SlothCreator","contentSection":[{"media":"01-creating-section1.png","content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Create and configure an Xcode project that uses SlothCreator."}]}],"kind":"contentAndMedia","mediaPosition":"trailing"}],"title":"Create a new project and add SlothCreator","stepsSection":[{"media":"placeholder-image.png","runtimePreview":null,"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Create a new project using the iOS App template."}]}],"caption":[],"code":null,"type":"step"},{"type":"step","content":[{"inlineContent":[{"text":"Enter “Slothy” as the Product Name.","type":"text"}],"type":"paragraph"}],"caption":[],"media":"placeholder-image.png","code":null,"runtimePreview":null},{"runtimePreview":null,"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Select “SwiftUI” from the Interface pop-up menu and “SwiftUI App” from the Life Cycle pop-up menu, then click Next. Choose a location to save the Slothy project on your Mac."}]}],"code":null,"caption":[],"type":"step","media":"placeholder-image.png"},{"caption":[],"content":[{"inlineContent":[{"type":"text","text":"Add "},{"type":"codeVoice","code":"SlothCreator"},{"text":" as a dependency to the project.","type":"text"}],"type":"paragraph"}],"type":"step","code":null,"runtimePreview":null,"media":"placeholder-image.png"}]},{"contentSection":[{"mediaPosition":"trailing","kind":"contentAndMedia","content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Add the ability for users to customize sloths and select their powers."}]}],"media":"01-creating-section2.png"}],"title":"Add a customization view","stepsSection":[{"caption":[],"content":[{"inlineContent":[{"text":"Create a new SwiftUI View file named ","type":"text"},{"code":"CustomizedSlothView.swift","type":"codeVoice"},{"text":".","type":"text"}],"type":"paragraph"}],"media":null,"code":"01-creating-code-02-01.swift","runtimePreview":"preview-01-creating-code-02-01.png","type":"step"},{"runtimePreview"