X-CODE Tutorial Básico

Uso Del TEXT FIELD

Un TEXTFILED se utiliza como campo de referencia para poder ingresar datos y ejecutar diversas

opciones, un TEXT FIELD es una caja de texto que podemos utilizar para rellenar campos con letras para

poder utilizarlos.

Paso 1

Crearemos un nuevo proyecto con el nombre de Ejercicios 2

Una vez creado daremos CLICK en MAIN.STORYBOARD

Buscaremos ahora un TEXT FIELD

Crearemos Ahora 2 TEXT FIELD y 2 LABEL

Ahora colocaremos una imagen para que nuestro diseño sea más versátil y cambie de apariencia.

Dándole ADD FILES TO EJERCICIO2

En este caso seleccionaremos la imagen del LOGO DE TICS

Tendrá que aparecernos la imagen de esta formar, ya que ya se ha agregado a nuestro proyecto.

Paso 2

Para agregar la imagen a nuestro proyecto nos iremos a la parte inferior izquierda luego presionaremos

la cuarta opción y nos aparecerá de la siguiente forma.

Luego lo que tendremos que hacer es arrastrarla a nuestro MAIN.STORYBOARD, simplemente

presionando la imagen y sosteniendo el CLICK arrástrala para pegarla y quedara de la siguiente manera.

Pasó 3

Ahora agregaremos icono a nuestra aplicación. Para eso daremos CLICK donde dice el nombre de

nuestro proyecto en nuestro caso EJERCICIO2.

Nos deberá de aparecer una imagen como la que vemos en la figura siguiente.

Como vemos en el cuadro negro, y daremos CLICK como vemos en la parte de la flecha.

Nos parecerá una imagen con el APP ICON y podremos seleccionar la imagen que hemos colocado antes

en el LOGO de TICS.

Elegimos una escala para nuestra imagen que sea 29X29 y ya tendremos icono en nuestra imagen.

Paso 4

Cambiaremos a las etiquetas y a las cajas de textos ciertas propiedades, para eso le daremos CLICK en

propiedades.

En la propiedad LABEL le pondremos a uno USUARIO, y a otro PASSWORD.

Nos deberá de quedar así la aplicación.

Luego iremos a la CAJA DE TEXTO y buscaremos la opción PLACEHOLDER esto lo que hace es poner

letras fantasmas. En la opción del PLACEHOLDER de cada uno pondremos PRECIONE AQUI

Para la opción de PASSWORD aremos que nos ponga asteriscos, para realizar esta opción lo que

haremos es buscar la opción SECURE TEXT ENTRY y le daremos un CHECK.

La aplicación final nos deberá de quedar así;

Pasó 5

En este paso lo que haremos es que cuando se presione un botón se borre la información que acabamos

de poner.

Colocaremos un BOTTON y luego, le daremos CLICK al VIEW CONTROLLER.H, y escribiremos lo siguiente.

En el VIEWCONTROLLER.H, escribiéremos lo siguiente:

Creamos las dos clases para los 2 TEXTFIELD que tenemos.

Ahora escribiremos en el VIEWCONTROLLER.M las siguientes instrucciones.

Esta parte de la programación hace el llamado al objeto para poder vincularlo a la clase y así podemos

borrar lo que tiene internamente lo que contiene los TEXTFIELD en su propiedad TEXT.

Ahora nos iremos al MAIN.STORYBOARD y haremos las vinculaciones de los objetos para que hereden

sus propiedades.

Primero le daremos CLICK al VIEW CONTROLLER, y luego donde se ve la flecha de sus propiedades.

Y de último haremos las vinculaciones de los objetos.

Y por último veremos la aplicación ya corriendo

Luego vemos la aplicación ya funcionando.