Jeśli nie jest jeszcze na urządzeniu, pobierz bezpłatną aplikację Swift Playgrounds.

Po otwarciu Swift Playgrounds, idziesz prosto do strony New Playground. Jeśli otworzyłeś aplikację wcześniej, zobaczysz swoje poprzednie pliki Playground tutaj. Jeśli nie, ekran będzie w większości puste. Tak czy inaczej, w dolnej części ekranu znajduje się panel, który ma tytuł Inne place zabaw. Stuknij niebieski przycisk „Zobacz wszystko” na prawym końcu tego panelu, a panel powinien rozwinąć się, aby pokazać samouczki Swift dostarczane przez Apple. Przewiń w dół do wiersza Starting Points, i dotknij niebieski przycisk „Zobacz wszystko” dla tego.

Teraz powinieneś być w stanie zobaczyć wszystkie przykładowe projekty, które Apple zapewnia, chociaż nie ma przykładu dla SwiftUI w czasie, że piszę to.

Masz dwie opcje, które będą działać jako Punkty Startowe dla tego samouczka. Blank utworzy nowy plik .playgroundbook, który można otworzyć w Swift Playgrounds na iPadzie, ale nie można go otworzyć przez Xcode na Macu. Jeśli jesteś w porządku z niezależnym używaniem iPada, to prawdopodobnie jest to format dla ciebie. Jeśli możesz zobaczyć siebie przenoszącego się do Xcode, to tutaj pojawia się punkt wyjścia o nazwie Xcode Playground. To używa tego samego .playground typ pliku, że Xcode używa, dając możliwość edycji tego samego pliku na obu devices.

Swift Playgrounds wydaje się przechowywać swoje dokumenty w iCloud domyślnie, więc łatwo jest zobaczyć, jak można uzyskać dostęp do tego samego pliku z obu urządzeń bez konieczności e-mail lub AirDrop go do siebie za każdym razem. Strona Nowy Plac Zabaw w aplikacji ma niebieski przycisk Lokalizacje w lewym górnym rogu, który pozwala na przeglądanie za pomocą aplikacji Pliki, umożliwiając dostęp do innych dostawców chmury, takich jak Dropbox, Google Drive i Microsoft OneDrive, too.

Znowu, jeśli chcesz tylko nauczyć się SwiftUI w bezpiecznej piaskownicy na iPadzie, to nie będzie miało znaczenia dla Ciebie tak dużo.

Jest możliwe, aby napisać SwiftUI w Placach Zabaw bez okna podglądu. Aby to zrobić, wystarczy zaimportować SwiftUI i utworzyć struct, który jest zgodny z protokołem View, z wymaganą zmienną ciała, która zwraca „jakiś widok”. Playgrounds ma pewne uzupełnianie kodu i może pomóc ci poprawić SwiftUI z automatycznymi poprawkami dla typowych błędów. Ale prawdziwą mocą SwiftUI w Xcode jest możliwość zobaczenia podglądu na żywo tego, co tworzysz, więc potrzebujemy jeszcze dwóch linii, aby to się stało na iPadzie.

Import PlaygroundSupport daje dostęp do PlaygroundPage, który umożliwia konfigurację środowiska kodowania na iPadzie. Tylko jedna strona Playground jest aktywna w danym momencie, więc ta statyczna instancja jest dostępna poprzez PlaygroundPage.current. To daje nam możliwość ustawienia widoku na żywo, który działa stale na iPadzie, do ContentView, który stworzyliśmy powyżej.

Teraz powinieneś być w stanie nacisnąć przycisk „Uruchom mój kod” i zobaczyć, że aplikacja zamienia się w podzielonym widoku. Po lewej stronie znajduje się kod SwiftUI, a po prawej stronie powinien być widok na żywo, który pokazuje „SwiftUI na iPadzie” w pogrubionym tekście w centrum. Teraz jesteś gotowy do zbudowania swojego interfejsu użytkownika, który będzie korzystał z wielu elementów sterujących dostarczanych ze SwiftUI.

Po pierwsze, będziemy musieli użyć State zmiennych, które w zasadzie przechowują dane lokalnie w strukturze SwiftUI i przerysowują View za każdym razem, gdy ich wartości się zmieniają.

Dodaj je wewnątrz nawiasów struktury ContentView, ale przed deklaracją właściwości body. To wszystko, czego będziemy potrzebować do przechowywania stanu wszystkich naszych kontrolek.