Inicio > apps, cocoa, programacion, Uncategorized > Tutorial: Calculadora en Cocoa – Xcode 3.1.2 (Parte 1)

Tutorial: Calculadora en Cocoa – Xcode 3.1.2 (Parte 1)


Calculadora con XCode 3.1.2 – Objetive-C (Cocoa) – in Mac OsX 10.6 Snow Leopard.
Por: NMartinez2 (klanx/Dioxide).

[> Bueno, empecemos ejecutando nuestro XCODE.

Captura de pantalla 2009-10-25 a las 18.55.31

Nos aparecera esta ventana con el titulo de calculador:

Captura de pantalla 2009-10-25 a las 19.20.59

NOTA: para los que no lo tienen instalado, inserten el disco de su Mac OSX. y en al ejecutarse seleccionar la carpeta “Instalaciones opcionales” y enseguida “XCODE tools” ya lo demas es por logica.
NOTA 2: Nuestro XCODE al momento de instalarse se guarda en la siguiente direccion: Macintosh HD>Developer>Applications>Xcode (solo arrastrenlo al Dock y papas, ya ejecutenlo)

Bien, ya que ejecutamos nuestro Xcode nos aparecera el cuadro de bienvenida, y nuestra primera opcion sera “ create your first cocoa application” Que es la que seleccionaremos.

Captura de pantalla 2009-10-25 a las 19.10.58

ya que nos aparece el cuadro de nuestro Xcode nos vamos a File y en New Project (shift+cmd+n).

Seleccionamos Cocoa Application y damos en Choose.

lo grabamos como “Calculador”

Captura de pantalla 2009-10-25 a las 19.15.46

Seleccionamos MainMenu.xib (English) con un doble click, y nos aparecera una ventana completamente lisa, llamada “window”.

Bien, aqui ya estamos utilizando el “Interface Builder” Que nos servira para darle forma a nuestra calculadora y para darle las configuraciones necesarias a nuestras teclas de la calculadora.

Bien ya que tenemos el interface builder abierto con la ventana de Window y su respectivo menu y libreria le daremos forma de la siguiente manera.

Captura de pantalla 2009-10-25 a las 19.26.02

Nos vamos a nuestra biblioteca grafica (Library), en la parte inferior central tenemos nuestro espacio de busqueda. tecleamos “button”

y nos aparecera algo asi como la imagen siguiente.

Captura de pantalla 2009-10-25 a las 19.28.40

Seleccionamos cualquier boton, en este caso utilizare el primero de la secuencia arrastrandolo hacia la ventana “window” (click izquierdo sin soltar). y nos quedara algo asi:

Captura de pantalla 2009-10-25 a las 19.31.06

Ahora pondremos una serie de 12 botones en columna y fila de 4 y quedara ordenado de la siguiente forma:

Captura de pantalla 2009-10-25 a las 19.33.19

por ultimo agregemos un boton en la parte inferior del orden de los 12 botones. Este nos servira para darle el signo de “ = “.

Captura de pantalla 2009-10-25 a las 19.35.22

despues de que terminemos con los botones, regresamos en la parte de la busqueda en nuestra biblioteca, ahora escribimos text y seleccionamos el que esta en la imagen (junto a Label) y lo mismo, lo arrastramos hacia nuestra ventana Window.

Captura de pantalla 2009-10-25 a las 19.38.11

Nos quedara algo como la siguiente imagen, solo es cuestion de redimencionarla y voala! jejeje, tendremos la interfaz de nuestra proxima calculadora.

Captura de pantalla 2009-10-25 a las 19.40.58

Bien, esta ha sido la primera parte de este turorial en el cual aprenderas a programar una calculadora desde cero y se ejecute en tu macintosh.

En la siguiente parte veremos la modificacion de nuestros botones y el enlace entre ellos.

Espero tengamos un poco de mas lectores y vaya creciendo la inquietud de aprender esto que cacao nos presenta.

Saludos a todos los bloggers.

Dudas o sugerencias porfavor comentenlas.
/Klanx.

Descargate este tutorial.

Categorías:apps, cocoa, programacion, Uncategorized Etiquetas: , , ,
  1. octubre 27, 2009 a las 5:40 am

    cacao xD

  2. octubre 27, 2009 a las 11:00 pm

    Asi es, Objective C

  3. octubre 28, 2009 a las 6:51 pm

    Suerte!!! seguire tu tutorial para aprender.

    Ehm por cierto creo que funciono tu ingenieria social =P con lo del correo xD

  4. Jesus
    marzo 3, 2012 a las 6:02 pm

    Es genial!!! pero sera que puedes mostrarnos la segunda parte?

  5. abril 21, 2013 a las 4:31 am

    Hello colleagues, its great piece of writing regarding teachingand entirely explained, keep it up all the time.

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: