Dlaczego SwiftUI?

Czym jest SwiftUI, o którym wszyscy mówią? Jakie są jego zalety i wady? Przyjrzyjmy się krótko.

Używamy języka programowania Swift i interfejsu Storyboard do tworzenia aplikacji na iOS. Ale jeśli mówię za siebie, trudno mi było używać scenorysów. Zawsze wahałem się, czy tworzyć aplikacje na iOS. Ostatnio zacząłem często spotykać się z terminem SwiftUI w artykułach, które czytałem w Internecie, a kiedy zobaczyłem małe fragmenty kodu stworzone za pomocą SwiftUI, przykuło to moją uwagę. Potem pomyślałem, dlaczego nie spróbować?

Korzystając ze scenorysu, XCode tworzy interfejs nie w plikach kodu, ale w osobnym. Musimy tworzyć ekrany metodą „przeciągnij i upuść” i powiązać je z plikami kodu z rozszerzeniem .swift. Następnie dostosowujemy elementy interfejsu, których użyliśmy, za pomocą ody lub scenorysu. Jeśli dokonamy najmniejszej zmiany w nazewnictwie w scenorysie i zapomnimy, gdzie je powiązaliśmy w kodzie, nasz kod uległby awarii. Przezwyciężenie tego wymaga dużej uwagi.

Ale dzięki SwiftUI możemy napisać zarówno kod, jak i interfejs w tym samym pliku, co bardzo ułatwia nam pracę. A może po prostu jest mi łatwiej.

Oto prosty przykład:

Projekt, który widzieliście powyżej, to projekt, który stworzyliśmy od podstaw za pomocą XCode i zawiera klasyczny tekst „Hello World”. Zwykle, gdy używamy storyboardu, nie widzimy takiego ekranu, ponieważ wszystkie projekty interfejsów są zebrane w jednym pliku. Nie widzimy projektu, który należy do pliku obok kodu. Ale jedną z istotnych zalet korzystania z SwiftUI jest to, że możesz zobaczyć ekran, nad którym pracujesz, tuż obok kodu. Część, w której widzimy interfejs, nazywa się Canvas . Jeśli nie widzisz urządzenia po prawej stronie, upewnij się, że zaznaczone jest pole Edytor > Płótno .

Po stronie kodowania widzimy kod o nazwie tekst („Hello World!”) . Dzięki temu kodowi otrzymujemy „Hello World!” tekst na ekranie urządzenia. Innymi słowy, jeśli napiszemy element interfejsu po lewej stronie, od razu zobaczymy jego odpowiednik po prawej stronie. Kod i interfejs są zawsze zsynchronizowane. Obok tekstu Podgląd nad urządzeniem znajduje się zielone kółko. Zielony oznacza, że ​​kod, który piszemy po lewej stronie, pojawi się na interfejsie. Jeśli nie jest zielony, możesz go ponownie zsynchronizować za pomocą klawiszy Option + Cmd + P lub przycisku Wznów , który pojawi się na urządzeniu.

Teraz, gdy wyjaśniliśmy, jak to działa, porozmawiajmy o zaletach i wadach SwiftUI.

Zalety :

• Ponieważ kod i interfejs łączą się ze sobą, nie zajmujemy się już storyboardami w projektach ekranów.
• Zmiany, które wprowadzamy w kodzie, możemy zobaczyć w czasie rzeczywistym na urządzeniu na Canvas.
• Nie potrzebujemy już terminów takich jak @IBAction i @IBOutlet i nie musimy już łączyć elementów interfejsu z kodem.
• Kody, które piszemy dla jednej platformy, działają teraz na innych platformach Apple. Upewnij się, że zaznaczasz pola, które chcesz.

zalety:

• Jeśli chcesz kodować za pomocą SwiftUI, potrzebujesz urządzeń obsługujących iOS 13, macOS 10.15 (Catalina), tvOS 13 i watchOS 6. Jest to minimalne wymaganie; cokolwiek starszego, to nie zadziała.
• Niektóre składniki UIKit nadal nie mogą być używane z SwiftUI. Możesz jednak użyć UIKit w projekcie. Więc to rozwiązuje problem.
• Niektóre funkcje obsługiwanych komponentów UIKit mogą nie być obsługiwane. Być może będziesz musiał wymyślić kilka nowatorskich rozwiązań.

SwiftUI to coś, co mnie ekscytuje i zachęca do tworzenia aplikacji na iOS. Mam nadzieję, że to krótkie wprowadzenie pomoże innym osobom, które chciałyby wejść w świat SwiftUI.

Do zobaczenia w innym poście.

Możesz przeczytać turecką wersję tego artykułu tutaj .

Bibliografia:

1. Opanowanie SwiftUI przez Appcoda
2. SwiftUI autorstwa Tutorials 2nd Edition autorstwa Raywenderlicha