{"id":874,"date":"2022-04-22T00:00:00","date_gmt":"2022-04-21T22:00:00","guid":{"rendered":"https:\/\/programaraciegas.net\/?p=874"},"modified":"2022-04-08T08:02:09","modified_gmt":"2022-04-08T06:02:09","slug":"swiftui-en-playgrounds-para-macos","status":"publish","type":"post","link":"https:\/\/programaraciegas.net\/?p=874","title":{"rendered":"SwiftUI en Playgrounds para MacOS"},"content":{"rendered":"<p>En el art\u00edculo anterior se explic\u00f3 c\u00f3mo <a href=\"https:\/\/programaraciegas.net\/?p=865\">utilizar Playgrounds para MacOS<\/a> y creamos nuestro primer Playground en el que salud\u00e1bamos a todo el mundo.<\/p>\n<p>En este art\u00edculo seguiremos saludando a todo el mundo pero con SwiftUI.<\/p>\n<h2>\u00bfQu\u00e9 es SwiftUI?<\/h2>\n<p>SwiftUI es la nueva librer\u00eda de Apple para crear interfaces de usuario de forma declarativa. Esto implica que a diferencia de AppKit o UIKit, las librer\u00edas anteriores para crear interfaces de usuario para MacOS e iOS, el que sea declarativa facilita much\u00edsimo la creaci\u00f3n de estas interfaces.<\/p>\n<p>En SwiftUI todos los elementos visibles se denominan vistas. Ventanas, botones, etiquetas de texto o casillas de verificaci\u00f3n son vistas. Estas vistas se codifican como structs en Swift en la que cada struct tiene un cuerpo (body) en el que se declara c\u00f3mo se ver\u00e1 la vista o qu\u00e9 vistas ser\u00e1n contenidas por esa vista que estamos declarando.<\/p>\n<h2>El c\u00f3digo<\/h2>\n<p>A continuaci\u00f3n se muestra el c\u00f3digo para nuestro Playground.<\/p>\n<pre>import PlaygroundSupport<br \/>import SwiftUI<br \/><br \/>struct ContentView: View {<br \/>var body: some View {<br \/>Text(\"\u00a1Hola mundo!\")<br \/>}<br \/>}<br \/><br \/>PlaygroundPage.current.setLiveView(ContentView())<\/pre>\n<p>Lo m\u00e1s importante de este c\u00f3digo para Playgrounds es la primera l\u00ednea, en la que importamos un m\u00f3dulo para realizar operaciones para Playgrounds y la \u00faltima l\u00ednea donde indicamos al controlador de p\u00e1ginas de Playground qu\u00e9 vista de SwiftUI queremos mostrar en la pantalla.<\/p>\n<p>El resto del c\u00f3digo es SwiftUI est\u00e1ndar.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Con este simple Playground se nos abre la posibilidad de poder empezar a aprender SwiftUI y crear nuestras propias interfaces de usuario.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el art\u00edculo anterior se explic\u00f3 c\u00f3mo utilizar Playgrounds para MacOS y creamos nuestro primer Playground en el que salud\u00e1bamos a todo el mundo. En este art\u00edculo seguiremos saludando a todo el mundo pero con SwiftUI. \u00bfQu\u00e9 es SwiftUI? SwiftUI es la nueva librer\u00eda de Apple para crear interfaces de usuario de forma declarativa. Esto &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/programaraciegas.net\/?p=874\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abSwiftUI en Playgrounds para MacOS\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,6,258],"tags":[263,398,259,397],"class_list":["post-874","post","type-post","status-publish","format-standard","hentry","category-macos-x","category-programacion","category-swift","tag-macos","tag-playgrounds","tag-swift","tag-swiftui"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=874"}],"version-history":[{"count":0,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/874\/revisions"}],"wp:attachment":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}