12. Crear un AlertView - Curso de Xcode para programar aplicaciones iOS

codigofacilito
22 Apr 201205:38

Summary

TLDREn este tutorial de 'Código Fácil', el instructor Iker guía a los espectadores a través del proceso de crear una alerta en una aplicación. Comenzando por abrir Xcode y crear un nuevo proyecto de una sola aplicación, se nombra 'Alerta'. Luego, en el archivo ViewController.h, se declara una acción llamada 'click'. En ViewController.m, se implementa esta acción iniciando un UIAlertView con un título y un mensaje personalizables, asignando un delegado como 'nil', y configurando el botón de cancelación con el título 'Okay'. Se muestra cómo conectar un botón en el archivo ViewController.xib con la acción 'click' para desencadenar la alerta. Finalmente, se ejecuta la aplicación en el simulador de iPhone para demostrar cómo funciona la alerta y cómo se cierra con el botón 'Okay'. El video termina con una invitación a los espectadores a dar 'me gusta' y suscribirse al canal si les gustan los contenidos.

Takeaways

  • 🎓 Hola a todos, bienvenidos a un nuevo tutorial de Swift por Código Facilito.
  • 📝 Se va a crear una alerta, un mensaje que aparece de forma repentina o al hacer clic en un botón.
  • 🚀 Se inicia el proyecto en Xcode, creando un nuevo proyecto de Single View Application.
  • 📱 Se nombra el proyecto 'Alerta' y se procede a abrir el archivo ViewController.h.
  • 🔑 Se declara una acción llamada 'click' en el archivo ViewController.h.
  • 🛠️ En ViewController.m, se implementa la acción 'click' y se utiliza UIAlertView para crear la alerta.
  • 📌 Se define el título, el mensaje y el botón de cierre de la alerta con el título 'Okay'.
  • 🔲 Se indica que no hay otros botones adicionales en la alerta, estableciendo 'nil' en 'otherButtonTitles'.
  • 📲 Se muestra la alerta en la aplicación utilizando 'alert.show()'.
  • 🔄 Se agrega un botón al archivo ViewController.xib y se conecta con la acción 'click'.
  • 📈 Se espera que al hacer clic en el botón, se muestre la alerta en el iPhone Simulator.
  • 👍 Si les gustan los tutoriales, se anima a dar like y suscribirse al canal de Código Facilito.

Q & A

  • ¿Qué es lo que se va a aprender en el tutorial?

    -Se va a aprender a crear una alerta en una aplicación, que es un mensaje que aparece de forma repentina o al dar clic en un botón.

  • ¿Cómo se inicia la creación de un nuevo proyecto en Xcode?

    -Se inicia abriendo Xcode, creando un nuevo proyecto single application y dando next, luego se le da un nombre al proyecto.

  • ¿Qué acción se debe declarar en el archivo ViewController.h para el tutorial?

    -Se debe declarar una acción llamada 'click', sin argumentos y sin devolver nada.

  • ¿Qué se utiliza para crear una alerta en el archivo ViewController.m?

    -Se utiliza 'UIAlertController' para crear una alerta, y se le asigna un título, un mensaje, y se definen sus acciones.

  • ¿Cómo se define el título y el mensaje de la alerta en el tutorial?

    -El título y el mensaje de la alerta se definen usando 'init with title' y se colocan entre comillas en el código.

  • ¿Qué es el 'delegate' de una alerta y cómo se asigna en el tutorial?

    -El 'delegate' de una alerta es un objeto que controla el comportamiento de la alerta. En el tutorial, se asigna 'nil', lo que significa que no se está utilizando un delegado.

  • ¿Cuál es la acción que se debe conectar con el botón en el archivo ViewController.xib?

    -La acción que se debe conectar es 'click:', que se define en el ViewController.h.

  • ¿Cómo se agrega un botón al archivo ViewController.xib?

    -Se agrega un botón arrastrándolo desde la biblioteca de objetos de Xcode y colocándolo en la vista del archivo ViewController.xib.

  • ¿Qué se hace después de definir la alerta en el ViewController.m?

    -Después de definir la alerta, se utiliza 'show' para mostrarla en la aplicación.

  • ¿Qué se hace para conectar la acción del botón con el método click en el ViewController.m?

    -Se utiliza 'IBAction' y se conecta el botón con el método 'click' que se había declarado previamente en el ViewController.h.

  • ¿Cómo se puede mejorar la experiencia del usuario con las alertas en una aplicación?

    -Se puede mejorar proporcionando un título y un mensaje claros, y utilizando botones de acción que sean intuitivos y apropiados para la situación.

  • ¿Por qué es importante el botón 'Okay' en la alerta?

    -El botón 'Okay' es importante porque proporciona una forma simple y estándar para que el usuario pueda aceptar o confirmar la alerta y continuar con la aplicación.

Outlines

00:00

😀 Creación de una alerta en Swift

En este primer párrafo, se presenta un tutorial sobre cómo crear una alerta en una aplicación de iOS utilizando Swift. El tutorial es impartido por Iker y comienza con la apertura de Xcode y la creación de un nuevo proyecto de una sola aplicación. Se nombra el proyecto 'alerta' y se procede a la declaración de una acción en el archivo ViewController.h. La acción se llama 'click' y se utiliza para desencadenar la alerta. En ViewController.m, se implementa la acción 'click', creando una alerta con un título y un mensaje personalizables. Se establece un botón de cancelación con el título 'Okay' y se muestra la alerta en la pantalla. Finalmente, se agrega un botón al interfaz que, al ser presionado, ejecutará la acción 'click' y mostrará la alerta al usuario.

05:16

📱 Prueba de la alerta en el simulador

Este segundo párrafo describe la prueba de la alerta creada en el tutorial. Después de haber configurado la alerta en el código, se espera que el simulador de iPhone se abra y se haga clic en el botón recién agregado. Al hacer clic, se espera que aparezca la alerta con el título y mensaje definidos, y que al presionar el botón 'Okay', la alerta desaparezca. El tutorial concluye con un mensaje de agradecimiento y una invitación a los espectadores a dar like y suscribirse al canal de 'código facilito' para recibir más contenido similar.

Mindmap

Keywords

💡Tutorial

Un tutorial es una guía o lección que enseña a las personas cómo realizar una tarea o usar un programa. En el video, el tutorial está diseñado para enseñar a los espectadores cómo crear una alerta en una aplicación.

💡Alerta

Una alerta es un tipo de mensaje emergente que aparece en una aplicación para informar o advertir al usuario sobre algo importante. En el contexto del video, se está aprendiendo a crear una alerta que aparecerá cuando el usuario interactúe con un botón.

💡Código Facilito

Código Facilito parece ser el nombre del canal o la fuente de tutoriales de programación. En el video, es el medio a través del cual se ofrece la instrucción para crear una alerta en una aplicación.

💡ExCute

ExCute probablemente se refiere a Xcode, que es un entorno de desarrollo integrado (IDE) de Apple para desarrollar aplicaciones para iOS, macOS, watchOS y tvOS. En el video, se utiliza Xcode para crear un nuevo proyecto de aplicación.

💡ViewController

Un ViewController es una parte fundamental en la arquitectura de aplicaciones de iOS; es responsable de manejar la transición entre diferentes vistas y controlar la lógica de presentación. En el tutorial, se trabaja con el ViewController para implementar la alerta.

💡Botón

Un botón es un elemento de interfaz de usuario que permite a los usuarios interactuar con la aplicación mediante clics o toques. En el video, se menciona un botón que, cuando es presionado, desencadena la visualización de la alerta.

💡Mensaje

Un mensaje, en el contexto de programación, generalmente se refiere a una cadena de texto que se presenta al usuario. En el tutorial, el mensaje es el contenido que se muestra dentro de la alerta para informar al usuario.

💡Delegado

Un delegado en programación es un objeto que ha sido designado para recibir notificaciones o realizar acciones en nombre de otro objeto. En el video, el delegado de la alerta podría manejar las respuestas del usuario.

💡Init with title

Init with title es un método utilizado en programación para inicializar un objeto con un título. En el script, se utiliza para establecer el título de la alerta que se va a mostrar.

💡Show

Show en programación suele referirse a la acción de hacer visible algo en la pantalla. En el contexto del video, 'show' se utiliza para mostrar la alerta en la interfaz de usuario de la aplicación.

💡Simulator

Un simulator es una aplicación que imita el funcionamiento de un dispositivo, permitiendo a los desarrolladores probar su aplicación en un entorno que replice el del dispositivo real. En el video, el iPhone Simulator se utiliza para ver cómo se presenta la alerta en un dispositivo iOS.

💡Action

Una acción en programación, particularmente en el contexto de una interfaz de usuario, es una función o evento que se activa en respuesta a una interacción del usuario, como un clic de botón. En el tutorial, la acción 'click' está asociada con el evento de mostrar la alerta.

Highlights

Bienvenidos a un nuevo tutorial de código fácil

Aprenderás a crear una alerta en aplicaciones

Tutorial impartido por Iker

Iniciamos creando un nuevo proyecto en Xcode

Se llamará 'Alerta' y será una Single Application

Declaración de una única acción en el archivo ViewController.h

Implementación de la acción llamada 'click' en ViewController.m

Uso de UIAlertView para crear la alerta

Configuración del título y mensaje de la alerta

Establecimiento de un delegado y título del botón para cancelar la alerta

No se definen otros botones adicionales en la alerta

Se muestra cómo presentar la alerta con 'alertView.show'

Conexión del botón con la acción 'click' en el archivo ViewController.xib

Ejecución del proyecto en el iPhone Simulator

Demostración de la alerta con su título y botón de confirmación

Explicación de cada parte del código utilizado para crear la alerta

Importancia de la acción 'alertView.show' para visualizar la alerta

El video termina con una solicitud de 'me gusta' y suscripción al canal

Transcripts

play00:01

[Música]

play00:10

Hola a todos Bienvenidos a nuestro nuevo

play00:12

tutorial de exc traído a ustedes por

play00:14

código facilito Mi nombre es Iker y

play00:16

vamos a aprender Cómo crear una alerta

play00:19

que es un mensaje que aparece

play00:21

repentinamente o al dar clic en un

play00:24

botón seguramente lo habrán visto ya en

play00:27

varias aplicaciones que no sé después de

play00:29

que la abr tres veces nos aparece un

play00:32

mensaje que es para que vayamos a iTunes

play00:35

a darle un rating a a la aplicación esos

play00:39

son de este tipo de mensajes vamos a

play00:41

empezar vamos a abrir excode

play00:43

creamos un nuevo proyecto single

play00:46

application le damos next vamos a poner

play00:49

de nombre

play00:51

alerta lo

play00:56

creamos bueno ya que haya abierto

play00:59

nuestra proyecto nos vamos a ir a

play01:02

nuestro viewcontroller h y Solamente

play01:05

vamos a declarar una sola acción para es

play01:07

bueno vamos a abrir nuestros corchetes y

play01:09

los cerramos y abajo del corchete de

play01:12

cierre vamos a escribir nuestra

play01:14

acción se va a llamar

play01:17

click y terminamos con punto y

play01:20

coma nos vamos a nuestro viewcontroller

play01:23

m y abajo del

play01:26

implementation ponemos nuestra

play01:28

acción le ponemos sus corchetes y entre

play01:32

los corchetes vamos a iniciar la bueno

play01:35

el alert view para eso vamos a poner Uy

play01:37

alert View y le vamos a dar un nombre y

play01:40

lo voy a poner alerta luego eso va a ser

play01:44

igual doble corchete cuadrado y ponemos

play01:46

u alert View

play01:50

alock Eso quiere decir que nos bueno que

play01:52

estamos pidiéndole un poco de memoria al

play01:55

Iphone o al iPad para que podamos correr

play01:59

este est esta acción después eso tenemos

play02:02

que ponerle init with title Y bueno ya

play02:07

nos va a aparecer muchas cosas en init

play02:09

with title vamos a poner @ comillas

play02:11

comillas y entre las comillas Vamos a

play02:15

ponerle

play02:17

título luego donde dice

play02:20

message va bueno va ir todo lo que

play02:22

queramos que diga entonces ponemos igual

play02:25

@ comillas comillas y lo que quieran que

play02:27

digamos a ponerle Esta es mi

play02:31

primer

play02:34

alerta donde dice

play02:37

delegate vamos a ponerle

play02:40

nil donde dice cancel bottom title es el

play02:44

botón para quitar la alerta Vamos a

play02:48

ponerle bueno ponemos @ comillas

play02:51

comillas y entre las comillas Vamos a

play02:53

ponerle Okay en other B other B titles

play02:58

Le vamos a poner

play03:03

nil borramos el último nil cerramos

play03:06

nuestro corchete y ponemos punto y coma

play03:10

después tenemos que ponerle entre

play03:12

corchete cuadrado

play03:15

alerta

play03:17

show cerramos crochete cuadrado y punto

play03:20

y

play03:21

coma y bueno eso sería todo a ver les

play03:24

voy a

play03:26

explicar aquí Bueno lo que estamos

play03:28

poniendo es que

play03:30

Iniciando un alert View aquí y le

play03:33

estamos dando el nombre luego estamos

play03:35

pidiendo un poquito de memoria para

play03:37

poder correrla y ya estamos definiendo

play03:39

las propiedades de la alerta que va a

play03:41

ser el título luego el

play03:45

mensaje luego bueno el que es su

play03:49

delegado y luego bueno el título del

play03:52

botón para quitarla y ese le vamos a

play03:56

poner okay Y otros botones le vamos a

play04:00

poner que no Porque no tenemos ningún

play04:02

otro y aquí donde dice alerta show Eso

play04:06

quiere decir que bueno que muestre la

play04:07

alerta si si nosotros olvidamos poner

play04:10

esto nunca va a mostrar la alerta Bueno

play04:14

vamos a irnos a nuestro View controller

play04:17

xiv vamos a agregar un

play04:23

botón vamos a poner

play04:27

click vamos a unirlo con su acción

play04:30

Entonces vamos a poner fileer

play04:34

connections la acción click con nuestro

play04:37

botón y le ponemos to Shop

play04:39

inside guardamos y

play04:50

corremos Esperamos que nos abra el

play04:52

iPhone

play04:58

Simulator

play05:15

Bueno ya cargó Vamos a darle click Bueno

play05:19

si ven este es la alerta le damos Ok y

play05:22

se quita otra vez aquí está título Esta

play05:25

es mi primera alerta Ok y bueno todo el

play05:29

tutorial por hoy Espero les haya gustado

play05:32

ya saben si les gustan los videos denle

play05:33

manita arriba y suscríbanse al Canal de

play05:35

código facilito hasta luego

Rate This

5.0 / 5 (0 votes)

Related Tags
Desarrollo de aplicacionesTutorialAlertas en appsProgramacióniOSCódigo FacilitoInterfaz de usuarioDiseño de softwareIkerAlert ViewCocoa Touch
Do you need a summary in English?