Hola, Apple

1

Desarrollo de Apps para iOS: Elementos Clave y Estrategias Comerciales

2

Desarrollo de Apps iOS: Creación Inicial en Xcode

3

Desarrollo de Apps iOS sin iPhone: Uso de Simuladores XCode

Tu primera app en iOS

4

Creación de interfaces iOS con Storyboard y Xcode

5

Navegación en iOS con UI Navigation Controller

6

Conexión de Storyboards en iOS: Buenas Prácticas de Navegación

7

Conexiones IBOutlets e IBActions en iOS con Swift

8

Comparativa: Auto Layout vs SwiftUI en Desarrollo iOS

9

Diseño Responsivo con Auto Layout y StackView en iOS

10

Creación y Funcionalidad de TableViews en iOS

11

Creación de Celdas Personalizadas en UITableView

12

Persistencia de datos en iOS con UserDefaults

Manejo de dependencias

13

Instalación y uso de CocoaPods en proyectos iOS

14

Gestión de Dependencias en iOS con Carthage: Uso y Beneficios

Servicios Web

15

Consumo de Servicios Web con URLSession en iOS

16

Desarrollo de Servicios Web con URLSession en iOS

17

Serialización de JSON en Swift con Codable y JSONDecoder

18

Uso de Alamofire para Networking en Swift

Proyecto: PlatziTweets

19

Creación de App iOS: Red Social Platzi Tweets

20

Configuración de CocoaPods en Xcode para iOS 10.3

21

Diseño de Pantallas en Swift: Bienvenida, Login y Registro

22

Controladores UI en Swift: Creación y Configuración Básica

23

Validación de Password con Swift: Muestra Errores al Usuario

24

Modelado y Manejo de Endpoints en Swift para APIs

25

Autenticación de Usuarios con API y Simple Networking

26

Programación de servicios RESTful en Swift

27

Diseño de Interfaz de Usuario en iOS con Storyboard

28

Consumo de APIs con Simple Networking en iOS

29

Diseño de Interfaz para Publicar Tweets en SwiftUI

30

Conexión de Pantallas en Apps iOS con SwiftUI

31

Borrar Tweets con Swipe en iOS

32

Usar Cámara del iPhone para Adjuntar Fotos en iOS

33

Conexión de Apps iOS a Firebase paso a paso

34

Configurar iPhone y X-Code para desarrollo de apps

35

Subir Fotos a Firebase desde Aplicaciones Móviles

36

Publicar con Firebase: Subida de Imágenes y Texto en Android

37

Grabación y Publicación de Videos en Firebase

38

Subida de videos a Firebase desde apps iOS

39

Configuración y Uso del AVPlayer en Aplicaciones iOS

40

Accediendo al GPS: Obtener Coordenadas en Aplicaciones iOS

41

Ubicación y Mapas en Apps iOS: Integración con MapKit

42

Configuración de mapas y marcadores en aplicaciones móviles iOS

43

Creación de Pantallas Personalizadas en Aplicaciones iOS

En producción

44

Distribuir apps iOS con Firebase App Distribution y TestFlight

45

Distribución de apps con TestFlight: Paso a paso en App Store Connect

46

Escribe permisos de uso en Info.plist para iOS

iOS Avanzado

47

Implementación de Dark Mode en Aplicaciones iOS

48

Creación de interfaces con SwiftUI en iOS 13

49

Reutilización de Componentes en SwiftUI

50

Proyecto iOS con Objective-C: Creación de Tablas Paso a Paso

Hola, iOS Developer

51

Desarrollo de apps iOS con SwiftUI

52

Desarrollo de Aplicaciones en iOS para Principiantes

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Diseño de Interfaz para Publicar Tweets en SwiftUI

29/52
Recursos

¿Cómo diseñar la interfaz para crear un nuevo tweet?

La creación de una pantalla para postear tweets no solo mejora la interacción de usuarios, sino que también optimiza los flujos de aplicación, facilitando el uso. En esta sesión, aprenderemos a diseñar una interfaz efectiva en Xcode con Swift abordando desde el diseño visual hasta las conexiones necesarias para una funcionalidad adecuada de la pantalla de publicación de tweets.

¿Cómo iniciar el diseño en Storyboard?

Para comenzar, nos dirigimos al storyboard de la pantalla principal y añadimos un nuevo ViewController. Este nuevo controlador proporcionará el lugar adecuado para nuestra pantalla de creación de tweets:

  • Título: Agregamos un título llamativo, "Nuevo Tweet", ajustándolo con tamaño 36 y en bold para mayor prominencia.
  • Botón de retorno: Incorporamos un botón "Volver", alineado de manera vertical con el título mediante un hack que permite mantener su alineación en cambios futuros.

¿Qué elementos son necesarios para la interacción?

Con los elementos básicos establecidos, es momento de añadir componentes que faciliten la interacción del usuario:

  1. Stack View vertical: Se estructura el contenido en un stack view para mantener un orden visualmente agradable.
  2. Text View: Incluimos un área de texto amplia (textView) para que el usuario pueda ingresar su tweet cómodamente.
  3. Botón de publicación: Creación de un botón de "Publicar", destacándolo en verde con texto blanco y un diseño bold.

¿Cómo hacer la pantalla más atractiva?

Procuramos que la interfaz sea no solo funcional, sino también visualmente atractiva:

  • Background del Text View: Decoramos el textView con un fondo gris tenue para distinguirlo del fondo principal sin perjudicar el diseño.
  • Imagen de fondo: Añadimos una imagen representativa al fondo de la pantalla, similar a la utilizada en login y registro, con dimensiones precisas de 125 de alto.

Conexiones y controladores para un flujo de trabajo fluido

¿Cómo conectar los elementos a un controlador?

Para que la pantalla responda a las acciones del usuario, es crucial establecer las conexiones adecuadas:

  • Creación del ViewController: Creamos un nuevo viewController llamado AddPostViewController.
  • Asignación de campo de texto y acciones: Definimos un outlet para el TextView (postTextView) y una acción (IBActions) que detecte cuando el usuario presiona el botón de publicar.

¿Cómo asegurar una navegación sencilla?

Finalmente, debemos asegurarnos de que el flujo permita un fácil acceso y cierre:

  • Botón de vuelta funcional: Configuramos el botón "Volver" para cerrar la pantalla mediante el método dismiss(animated: true, completion: nil).
  • Navegación desde pantalla principal: Un botón en la pantalla principal nos permite acceder a la nueva interfaz de publicación de tweets sin abandonar el flujo de trabajo.

¿Por qué es importante probar y ajustar la interfaz de usuario?

Realizar pruebas continuas garantiza que la pantalla funcione correctamente en diversas situaciones:

  • La validación de funciones, como la aparición adecuada del mensaje "Nuevo Tweet" y el comportamiento correcto del botón de cierre, es fundamental para una experiencia de usuario óptima.

Esto no solo mejora la interacción con la aplicación, sino que también promueve una experiencia más fluida y sin frustraciones para el usuario final. La innovación y la funcionalidad en el diseño de interfaces marcan la diferencia entre una buena aplicación y una excepcional.

Aportes 6

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Todo perfecto 🥳

<h1>Así quedó</h1>

Todo perfecto y funcionando ! 😄

Alguien me puede ayudar con este error, es algo que he tratado de arreglar por varias ocasiones y no lo he podido arreglar en su totalidad.

Errores:
Failed to create provisioning profile.
There are no devices registered in your account on the developer website. Select a device run destination to have Xcode register it.

No profiles for ‘com.mejiagarcia.PlatziTweets’ were found
Xcode couldn’t find any iOS App Development provisioning profiles matching ‘com.mejiagarcia.PlatziTweets’.

No planeo vender aplicaciones, ni pertenezco a algun grupo empresarias de desarrolladores. Por el momento unicamente estudio

No se si es que se marearon con el triunfo de BIDEN pero la API no funciona MUCHACHOS,
https://platzi-tweets_backend.herokuapp.com/api/v1 está caído.
Se solucionará???