Tutorial Xcode 24: Escondiendo botones

codigofacilito
4 Aug 201207:44

Summary

TLDREn este tutorial de 'Código Fácil', el instructor Iker nos guía a través del proceso de ocultar y mostrar botones en aplicaciones utilizando Xcode. Comienzamos creando un nuevo proyecto de aplicación única y declarando tres objetos como botones y seis acciones para esconder y mostrar estos botones. El código se implementa en el archivo ViewController.m, donde se definen las funciones para ocultar y mostrar cada botón individualmente y todos a la vez. Finalmente, se conectan los objetos y acciones en la interfaz gráfica y se prueba la aplicación para verificar que los botones se oculten y muestren según lo programado. El tutorial es práctico y puede ser útil para cualquier desarrollador que desee agregar esta funcionalidad a sus proyectos.

Takeaways

  • 😀 El tutorial es sobre cómo esconder y mostrar botones en aplicaciones utilizando Xcode.
  • 🛠 Se crea un nuevo proyecto de tipo 'single application' llamado 'esconder'.
  • 📝 En el 'ViewController' se declaran tres objetos como 'IBOutlet' para los botones y seis acciones para esconder y mostrar los botones.
  • 🔨 Se establecen las acciones 'esconderUno', 'esconderDos', 'esconderTres', 'mostrarUno', 'mostrarDos', 'mostrarTres', 'esconderTodos' y 'mostrarTodos'.
  • ✅ Se implementa el código en el archivo 'ViewController.m' para esconder y mostrar los botones según las acciones seleccionadas.
  • 🎨 Se diseña la interfaz gráfica en Xcode con los botones correspondientes a las acciones de esconder y mostrar.
  • 🔗 Se establecen las conexiones entre los objetos de los botones y las acciones en el archivo 'ViewController.m'.
  • 💻 Después de conectar los objetos y las acciones, se guarda y se ejecuta la aplicación para probar su funcionamiento.
  • 📱 Al ejecutar la aplicación, se pueden esconder y mostrar los botones individuales y todos a través de los botones correspondientes.
  • 👨‍🏫 El tutorial es impartido por Iker, quien enseña paso a paso cómo ocultar y mostrar elementos de la interfaz de usuario en Xcode.
  • 📚 Se recomienda seguir el curso y suscribirse al canal 'código fácil' para aprender más sobre desarrollo de aplicaciones.

Q & A

  • ¿Qué tutorial se presenta en el script?

    -El tutorial se trata de cómo esconder botones en aplicaciones utilizando Xcode.

  • ¿Cuál es el nombre del creador del tutorial y cómo se llama el proyecto creado en el script?

    -El creador del tutorial es Iker y el nombre del proyecto creado es 'esconder'.

  • ¿Cuántos objetos y acciones se necesitan para crear los botones y sus funcionalidades de esconder y mostrar según el tutorial?

    -Se necesitan tres objetos (botones) y seis acciones para esconder y mostrar cada botón individualmente, además de dos acciones adicionales para esconder y mostrar todos los botones.

  • ¿Cómo se llaman las acciones para esconder y mostrar los botones individuales?

    -Las acciones para esconder los botones se llaman 'esconderUno', 'esconderDos', y 'esconderTres'. Las acciones para mostrar los botones se llaman 'mostrarUno', 'mostrarDos', y 'mostrarTres'.

  • ¿Cuáles son las acciones adicionales mencionadas en el script para esconder y mostrar todos los botones a la vez?

    -Las acciones adicionales son 'esconderTodos' y 'mostrarTodos'.

  • ¿Qué métodos se utilizan para esconder y mostrar los botones en el código?

    -Se utilizan los métodos 'hiden' estableciendo su valor a 'Yes' para esconder y a 'No' para mostrar los botones.

  • ¿Cómo se conectan los objetos y las acciones en la interfaz gráfica de Xcode según el tutorial?

    -Se conectan haciendo owner connections de los objetos (botones) a las acciones correspondientes y se establece 'toop inside' para que se ejecuten correctamente.

  • ¿Qué se hace después de conectar los objetos y las acciones en Xcode?

    -Después de conectar los objetos y las acciones, se guarda el trabajo y se ejecuta la aplicación presionando 'Comando r'.

  • ¿Qué sucede al hacer clic en los botones 'esconder uno', 'esconder dos', y 'esconder tres' según el tutorial?

    -Al hacer clic en 'esconder uno', se esconde el botón uno. Al hacer clic en 'esconder dos', se esconde el botón dos. Y al hacer clic en 'esconder tres', se esconde el botón tres.

  • ¿Qué ocurre al hacer clic en los botones 'mostrar uno', 'mostrar dos', y 'mostrar tres' según el script?

    -Al hacer clic en 'mostrar uno', se muestra el botón uno. Al hacer clic en 'mostrar dos', se muestra el botón dos. Y al hacer clic en 'mostrar tres', se muestra el botón tres.

  • ¿Cómo se comportan los botones 'esconder todos' y 'mostrar todos' según el tutorial?

    -Al hacer clic en 'esconder todos', se esconden todos los botones a la vez. Al hacer clic en 'mostrar todos', se muestran todos los botones a la vez.

Outlines

00:00

😀 Introducción al tutorial de ocultar botones en aplicaciones

En el primer párrafo, el instructor Iker da la bienvenida al tutorial y explica que el objetivo es aprender a ocultar botones dentro de aplicaciones. Se inicia el proceso abriendo Xcode y creando un nuevo proyecto de tipo 'Single View Application' con el nombre 'esconder'. Seguidamente, se va al ViewController para declarar objetos y acciones necesarias. Se definen tres botones usando 'IBOutlet' y se nombrarán 'botón 1', 'botón 2' y 'botón 3'. Además, se crean seis acciones para esconder y mostrar los botones individualmente y dos acciones adicionales para esconder y mostrar todos los botones a la vez. Todas estas acciones se copian y pegan en el archivo 'ViewController.m', asegurándose de incluir los corchetes para evitar errores.

05:02

🛠 Configuración y prueba de la interfaz gráfica

En el segundo párrafo, se describe cómo se configura la interfaz gráfica de la aplicación. Se agregan tres botones a la vista y se les asignan las acciones 'esconder uno', 'esconder dos' y 'esconder tres'. También se agregan otros tres botones para las acciones 'mostrar uno', 'mostrar dos' y 'mostrar tres', además de otros dos botones para 'esconder todos' y 'mostrar todos'. Después de configurar la interfaz, se establecen las conexiones entre los objetos y las acciones correspondientes en Xcode. Se guarda el proyecto y se ejecuta utilizando el comando 'r'. Se menciona que al hacer clic en los distintos botones, se ocultan o se muestran los botones de manera individual o todos a la vez, demostrando el funcionamiento correcto del código. El tutorial concluye con una invitación a seguir el curso y a suscribirse al canal para más contenido.

Mindmap

Keywords

💡Esconder

El término 'Esconder' se refiere a la acción de ocultar o hacer desaparecer algo de la vista. En el contexto del video, se utiliza para describir cómo se pueden ocultar los botones en una aplicación. Por ejemplo, el guía menciona 'esconder uno', 'esconder dos' y 'esconder tres', que son acciones que se implementarán para ocultar cada botón individualmente.

💡Mostrar

El concepto de 'Mostrar' es opuesto a 'Esconder' y significa hacer algo visible o presentable. En el tutorial, 'Mostrar' se usa para referirse a la acción de hacer visibles los botones que previamente habían sido ocultados. El guía explica cómo crear acciones como 'mostrar uno', 'mostrar dos' y 'mostrar tres' para traer de vuelta los botones a la pantalla.

💡Botones

Los 'Botones' son elementos de la interfaz de usuario que permiten a los usuarios interactuar con la aplicación mediante clics o toques. En el video, se mencionan tres botones que serán ocultados y mostrados según las acciones definidas por el usuario, como 'botón un', 'botón dos' y 'botón tres'.

💡IB outlet

En el desarrollo de aplicaciones para iOS, 'IB' se refiere a Interface Builder, una herramienta de diseño de interfaces gráficas. 'Outlet' es una conexión entre el código y un elemento de la interfaz, como un botón. En el script, se usan 'IB outlet' para conectar los botones de la interfaz con el código de la aplicación, permitiendo controlar su comportamiento.

💡Acciones

Las 'Acciones' son métodos o funciones en el código que se ejecutan en respuesta a eventos, como clics de botón. En el tutorial, se crean acciones como 'esconder uno', 'mostrar uno', 'esconder todos' y 'mostrar todos', que definen lo que sucede cuando el usuario interactúa con los botones correspondientes.

💡ViewController

El 'ViewController' es una clase en iOS que representa el controlador de vista, esencial para la gestión de la interfaz de usuario y la lógica de la aplicación. En el script, se menciona que se creará un nuevo proyecto 'single application' y se trabajará en el 'viewcontroller' para declarar objetos y acciones.

💡Hiden

El atributo 'hiden' es una propiedad booleana que se utiliza para controlar la visibilidad de un elemento en la interfaz de usuario. En el código del tutorial, se establece 'hiden' en 'Yes' para ocultar un botón y en 'No' para mostrarlo, como en 'botón 1.hiden = Yes' para ocultar el botón uno.

💡Conectar a IBOutlets

La frase 'conectar a IBOutlets' se refiere al proceso de vincular elementos de la interfaz de usuario con variables en el código. En el script, se conectan los 'botón un', 'botón dos' y 'botón tres' con sus correspondientes IBOutlets para que puedan ser controlados por el código.

💡Toos Inside

La acción 'Toos Inside' es mencionada en el contexto de configurar las acciones de los botones en la interfaz gráfica. Aunque no se utiliza directamente en el script, es una acción común en iOS para asignar un comportamiento a un botón que se activará al tocar dentro de su área.

💡Single Application

Un 'Single Application' es un tipo de proyecto en el que la aplicación se ejecuta como un solo proceso, con todas sus ventanas y vistas dentro de este proceso. En el tutorial, se crea un nuevo proyecto de este tipo para demostrar cómo ocultar y mostrar botones.

Highlights

Tutorial de cómo esconder botones en aplicaciones

Creación de un nuevo proyecto single application llamado 'esconder'

Declaración de tres objetos como botones con IB outlets

Acciones para esconder y mostrar botones individuales y todos

Implementación de métodos para ocultar y mostrar el botón uno

Implementación de métodos para ocultar y mostrar el botón dos

Implementación de métodos para ocultar y mostrar el botón tres

Métodos para esconder y mostrar todos los botones

Conexión de objetos y acciones en el storyboard

Configuración de las acciones 'esconder uno' y 'mostrar uno'

Configuración de las acciones 'esconder dos' y 'mostrar dos'

Configuración de las acciones 'esconder tres' y 'mostrar tres'

Configuración de las acciones 'esconder todos' y 'mostrar todos'

Conexión de las acciones con los botones correspondientes

Prueba de la funcionalidad de esconder y mostrar botones

Ejecución y compilación de la aplicación para ver los resultados

Demostración de la funcionalidad completa en la aplicación

Conclusión del tutorial y recomendación de seguir el curso

Transcripts

play00:01

[Música]

play00:10

Hola a todos Bienvenidos a nuestro nuevo

play00:12

tutorial de exc traido a ustedes por

play00:13

código facilito Mi nombre es Iker y

play00:16

vamos a aprender Cómo esconder botones

play00:18

en nuestras aplicaciones vamos a abrir

play00:21

exc creamos un nuevo proyecto single

play00:26

application lo vamos a llamar

play00:28

esconder

play00:31

le damos next y lo

play00:37

creamos ya que hay

play00:40

abierto nos vamos a ir a nuestro

play00:42

viewcontroller punh para declarar

play00:45

nuestros objetos y nuestras

play00:48

acciones vamos a necesitar tres objetos

play00:50

que van a ser botones para eso ponemos

play00:52

IB

play00:53

outlet

play00:55

bton y lo vamos a llamar botón un

play01:01

y

play01:02

así para los otros dos

play01:06

botones va a ser botón tres y botón

play01:11

dos luego Para nuestras acciones vamos a

play01:15

necesitar primero son tres acciones para

play01:17

esconder los botones vamos a poner

play01:20

esconder

play01:23

uno y la pegamos dos veces y va a ser

play01:28

esconder uno esconder dos

play01:30

y esconder

play01:32

tres otras tres que se van a

play01:36

llamar Mostrar

play01:41

uno Mostrar dos y Mostrar

play01:50

tres y vamos a poner otras dos acciones

play01:54

que va a ser esconder

play01:58

todos y otra

play02:01

que va a ser Mostrar

play02:06

todos vamos a copiar nuestras

play02:09

acciones nos vamos a nuestro

play02:11

viewcontroller m y las

play02:16

pegamos les ponemos sus corchetes a

play02:18

todas para que nos deje de mandar

play02:28

errores

play02:43

Bueno ya que le hayamos puesto sus

play02:44

corchetes vamos a empezar en el de

play02:47

esconder uno como nada más va a esconder

play02:49

el botón uno vamos a escribir botón 1

play02:52

punto hiden es igual a Yes y le ponemos

play02:57

su punto y

play02:58

coma en el siguiente va a ser lo mismo

play03:01

nada más que con el botón

play03:07

dos y en el siguiente igual pero nada

play03:10

más que con el con el botón

play03:19

tres en el demostrar va a ser lo

play03:23

mismo botón un pun hiden pero en vez de

play03:27

ser igual a yes va ser igual a

play03:32

no y en el demostrar dos lo

play03:39

mismo y en el demostrar tres

play03:48

igual en el de esconder todos vamos a

play03:53

poner botón 1 punto hiden igual yes

play04:00

botón 2 punto hiden igual a

play04:07

Yes botón

play04:09

3 hien ig

play04:13

Yes y en el demostrar

play04:16

todos igual nada más que en vez de ser

play04:19

Yes va a ser

play04:28

no

play04:34

y bueno ese va a ser todo nuestro código

play04:37

nos vamos a nuestro XV para poner la

play04:40

interfaz

play04:41

gráfica ponemos nuestros

play04:45

botones este va a

play04:47

ser botón

play04:52

uno el dos y el

play04:55

tres dos

play04:58

3 lo vamos a

play05:02

poner esconder

play05:09

uno esconder

play05:12

dos y esconder

play05:16

tres vamos a

play05:18

poner otros

play05:20

tres va a

play05:23

ser Mostrar

play05:26

uno

play05:27

Mostrar dos

play05:32

Mostrar

play05:34

tres y otros

play05:39

dos qué van a

play05:42

hacer esconder

play05:47

todos Mostrar

play05:56

todos Bueno ahora vamos a conectar aros

play06:00

vamos Fil Owner connections nuestros

play06:03

objetos que son botón un botón dos y y

play06:05

botón tres los conectamos con nuestros

play06:11

botones y nuestras acciones esconder uno

play06:15

con nuestro botón esconder uno y le

play06:17

ponemos toop inside y así con

play06:28

todos

play06:50

Bueno ya que los hayamos conectado vamos

play06:52

a guardar y le damos Comando r para

play06:56

correr nuestra

play06:58

aplicación

play07:00

vamos a esperar que se compile y que la

play07:09

abra Bueno aquí está damos clic en el

play07:13

que dice esconder uno y nos quita el

play07:17

botón

play07:18

uno nos quita el botón dos y el botón

play07:22

tres nos muestra uno el dos y el tres

play07:27

nos esconde todos o nos muestra todos y

play07:31

bueno Eso es todo lo que vamos a ver hoy

play07:33

en este tutorial espero les haya gustado

play07:36

y les funcione en sus proyectos ya saben

play07:39

sigan el curso decod en código facilito

play07:41

y suscríbanse al Canal hasta luego

Rate This

5.0 / 5 (0 votes)

Related Tags
Desarrollo de aplicacionesDiseño de interfazProgramaciónTécnicas de UITutorialCódigo FácilIkerBotonesEsconderMostrar
Do you need a summary in English?