Objective-C Tutorial: Primeiros passos no Objective-C

Fique por dentro

De que se trata o artigo:

Neste artigo veremos os principais pontos para iniciar o desenvolvimento na plataforma iOS. Para isso, usaremos um projeto simples como modelo para explicar a estrutura da linguagem Objective-C e começar a desenvolver aplicaç�es para iPad/iPhone.

Guia do artigo: Objective-C Tutorial

O que � a Objective-C?
Preparando a IDE
Instalando o SDK
Iniciando a codificaç�o
Criando Classes
Implementando o c�digo da interface com o usu�rio
Interface Builder
Conclus�o
Curso de iOS
Cursos de Mobile
Programaç�o Mobile

O que � a Objective-C?

A linguagem Objective-C � usada para o desenvolvimento de aplicaç�es para a plataforma iOS, que compreende iPhone, iPad e iPod Touch.

Al�m de exemplificar a linguagem Objective-C, apresentamos alguns recursos da IDE Xcode e do Interface Builder. Itens indispens�veis no desenvolvimento para a plataforma iOS.

Muitas pessoas procuram saber qual a linguagem que devem usar para desenvolver aplicativos para a plataforma iOS. Quando descobrem que devem usar Objective-C surge de imediato uma quest�o: Objective-C � igual a C? Com a negativa, outra pergunta segue: Objective-C � igual a o que? Pois �, a� reside o grande problema de se aprender Objective-C, ela n�o � l� muito parecida com muita coisa, mas tamb�m n�o � totalmente alien�gena.

Neste artigo, a ideia n�o � se estender �s origens do Objective-C (ObjC para os �ntimos), mas sim fazer uma breve descriç�o de sua hist�ria para em seguida iniciarmos seu estudo. ObjC � uma linguagem Orientada a Objetos que tem como pais o C e o SmallTalk. Nos anos 90, Steve Jobs foi demitido da Apple e fez alguns investimentos. Entre eles, adquiriu parte de uma nova empresa, a NeXT. Esta empresa desenvolveu uma linguagem para trabalhar com workstations gr�ficas, no caso a Objective-C.

Uma das condiç�es para a volta de Jobs para a Apple foi que a NeXT fosse comprada, e isto foi feito. Como Jobs assumiu a frente dos neg�cios da Apple, ele decidiu reformular v�rios produtos. E um deles foi o pr�prio sistema operacional, que estava bastante defasado. Para esta �rdua tarefa, a linguagem escolhida para dar suporte ao novo sistema operacional foi Objective-C. Assim nasceu o Mac OS X.

Nas primeiras vers�es, o Mac OS X era um sistema h�brido, usava funcionalidades do sistema antigo (Mac OS 9) junto com os novos recursos. Como Objective-C se mostrou uma linguagem poderosa, quando foi lançado o primeiro iPhone, decidiu-se adotar ObjC como linguagem nativa do dispositivo.

Preparando a IDE

A primeira grande dificuldade em usar ObjC � se acostumar com o IDE, que no caso � o Xcode. Ali�s, vale dizer, que por meios legais, n�o � poss�vel programar para iOS sem usar um Mac com processador Intel. Mesmo que voc� tente usar um PC convencional (desses que rodam Windows), ainda assim voc� ter� que simular o Mac OS X de alguma forma. Usar o Xcode ser� meio esquisito no começo, mas logo nos acostumamos. O Xcode vem gratuitamente com o sistema operacional. Se em um primeiro momento voc� n�o encontr�-lo, use o Finder e v� no diret�rio Macintosh HD/Developers/Applications. Pode acontecer do Xcode n�o estar instalado e neste caso voc� deve recorrer ao DVD de instalaç�o do Mac OS X para isso. Depois da instalaç�o basta acessar o diret�rio mencionado que o encontrar�.

Instalando o SDK

Outro passo importante � instalar o SDK de desenvolvimento para iOS. Para fazer o download gratuito deste SDK, acesse: http://developer.apple.com/programs/ios/.

Iniciando a codificaç�o

Para explicar ObjC desenvolveremos um c�digo bem simples, pois a maneira mais f�cil de expor uma linguagem � apresenta-la na pr�tica. Para isso, vamos montar um projeto que ser� uma calculadora. Uma calculadora b�sica, com quatro operaç�es, e nada sofisticada visualmente, pois a ideia � fornecer subs�dios para aprender a programar. Para iniciar, execute o Xcode. Ao abri-lo, teremos uma tela semelhante � Figura 1.

Figura 1. Tela de abertura do Xcode.

Para criar um projeto novo, devemos selecionar Create a new Xcode project. Feito isso, selecionamos o modelo de projeto, que no nosso caso ser� View-based Application e depois nome�-lo como Calc. Se voc� criou corretamente o projeto, ter� uma tela igual � Figura 2.

Figura 2. Tela inicial do projeto.

Se voc� j� utilizou o Visual Studio ou Eclipse, n�o sentir� tanta dificuldade em se acostumar com o Xcode. Repare que do lado esquerdo temos a estrutura do projeto. Esta estrutura � montada de acordo com o modelo que voc� escolhe no instante de criaç�o do projeto. No nosso caso escolhemos View-Based Application. Em outra ocasi�o falaremos dos demais modelos que podem ser criados.

Voc� deve estar se perguntando, por que escolhemos este modelo? Como falamos, vamos desenvolver uma calculadora b�sica. Esta calculadora ter� apenas uma view, portanto escolhemos o tipo mais adequado para as nossas necessidades iniciais.

O fato de iniciarmos com um modelo de projeto n�o significa que somos obrigados a manter o esquema proposto. Voc� tem total de liberdade de modificar o modelo na medida em que suas necessidades forem surgindo. Por exemplo, o fato de utilizarmos apenas uma view n�o significa que voc� n�o pode acrescentar outras views no projeto. O modelo pode ser moldado de acordo com as suas necessidades, isto �, voc� n�o precisa (e nem deve) ficar preso a um esquema proposto.

Criando Classes

Como falamos, ObjC � uma linguagem Orientada a Objetos, portanto nada mais natural que criar classes para escrever nossos objetos. No caso do nosso projeto, vamos criar uma classe que far� essencialmente c�lculos.

O objetivo � montar uma classe que seja capaz de fazer as quatro operaç�es da nossa calculadora. Para criar qualquer elemento novo ao projeto, precisamos dar um clique com o bot�o direito em cima do nome do projeto, que fica na primeira linha do lado esquerdo, e escolher Add. Como somos programadores organizados, vamos criar primeiro uma pasta para colocar a nova classe. Por isso, depois de selecionar a opç�o Add, escolha a opç�o Groups. Em seguida basta dar um nome � no nosso caso vamos chamar esta pasta de Calculator.

Com a pasta criada vamos criar a classe propriamente dita. Assim como a linguagem C, ObjC tamb�m trabalha com dois arquivos, um header e o fonte. Em C usa-se extens�es .h e .c e em ObjC .h e .m. Conceitualmente essas extens�es se equivalem. No arquivo .h colocamos as declaraç�es dos m�todos que vamos implementar no .m. Como podemos verificar, a linguagem n�o � t�o esquisita assim.

Para criar esta classe, damos um clique com o bot�o direito em cima da pasta que acabamos de criar e selecionamos Add / Files. Ao fazermos isso, nos ser� perguntado qual tipo de arquivo pretendemos adicionar ao projeto. Escolha Objective-C Class. Depois disso basta dar um nome para esta classe, que no nosso caso ser� Calculator. Sim, podemos ter o nome da classe igual ao nome da pasta.

A pasta no Xcode tem a finalidade de organizar o c�digo e n�o � usada no momento de compilaç�o do c�digo, por isso podemos ter o mesmo nome tanto para a classe como para a pasta. Outro ponto importante, no momento em que estiver nomeando a classe, deixe selecionado o checkbox Also create �Calculator.h�, que vai criar o .h automaticamente para voc�, conforme a Figura 3.

Figura 3. Tela New File.

Pronto, criamos uma classe no nosso projeto, agora vamos implement�-la. Como dissemos anteriormente, a ideia � disponibilizar � nossa calculadora as quatro operaç�es b�sicas: soma, subtraç�o, divis�o e multiplicaç�o. Para isso criaremos m�todos para nos ajudar nesta tarefa:

setAccumulator � m�todo que ter� como finalidade armazenar o primeiro n�mero de uma operaç�o;
clear � m�todo que como o pr�prio nome diz, ir� limpar (zerar) o n�mero da operaç�o;
accumulator � m�todo que retornar� o conte�do do primeiro n�mero da operaç�o;
add � m�todo para executar a operaç�o de soma;
subtract � m�todo para executar a operaç�o de subtraç�o;
multiply � m�todo para executar a operaç�o de multiplicaç�o;
division � m�todo para executar a operaç�o de divis�o.

ObjC herdou um pouco da linguagem C, por isso primeiro temos que declarar os m�todos e vari�veis que vamos trabalhar no arquivo .h. Dito isto, vamos digitar o c�digo da Listagem 1.

Listagem 1. C�digo do arquivo Calculator.h.


  #import <Foundation/Foundation.h>
   
  @interface Calculator : NSObject {
      double accumulator;
  }
  - (void)setAccumulator:(double)value;
  - (void)clear;
  - (double)accumulator;
  - (void)add:(double)value;
  - (void)subtract:(double)value;
  - (void)multiply:(double)value;
  - (void)division:(double)value;
   
  @end

Na primeira linha temos a importaç�o do c�digo da Foundation. #import equivale ao #include do C. No momento da compilaç�o o c�digo da Foundation ser� incorporado ao nosso c�digo. Foundation � uma classe usada para controlar classes do tipo NSObject. No momento que criamos esta classe, n�s escolhemos o modelo Objective-C Class. Por isso, quando criamos a classe Calculator, esta linha j� foi automaticamente inclu�da no nosso c�digo. Como estamos codificando o Calculator.h � natural encontrarmos a declaraç�o @interface Calculator : NSObject. Nesta linha estamos declarando que a classe Calculator � derivada do tipo NSObject. Em seguida criamos uma vari�vel do tipo double chamada accumulator, que ser� usada para nos ajudar nas operaç�es. Esta vari�vel conter� o valor do primeiro operando das nossas contas.

Depois declaramos os m�todos que esta classe utilizar�. Vamos entender suas assinaturas. Na declaraç�o de setAccumulator, por exemplo, temos um m�todo que n�o retornar� nenhuma informaç�o, por isso iniciamos com � (void). Por outro lado, vamos precisar enviar um valor para ser armazenado na vari�vel accumulator, e por esta raz�o informamos : (double) value. Isso quer dizer que setAccumulator n�o retornar� valor, mas dever� receber um valor do tipo double chamado value. O m�todo clear n�o retornar� valor e n�o vai receber nenhum valor como par�metro. J� o m�todo accumulator retornar� um valor do tipo double e n�o receber� nenhum valor.

Resumindo este c�digo, os arquivos .h (chamados de header) t�m suas vari�veis e m�todos declarados dentro da instruç�o @interface. Observe que a �ltima linha @end finaliza o @interface.

Agora que j� declaramos as vari�veis e os m�todos da classe, vamos de fato codific�-la. O seu c�digo � apresentado na Listagem 2.

Listagem 2. C�digo do arquivo Calculator.m.


  #import "Calculator.h"
   
  @implementation Calculator
  - (void)setAccumulator:(double)value {
      accumulator = value;
  }
   
  - (void)clear {
      accumulator = 0;
  }
   
  - (double)accumulator {
      return accumulator;
  }
   
  - (void)add:(double)value {
      accumulator += value;
  }
   
  - (void)subtract:(double)value {
      accumulator -= value;
  }
   
  - (void)multiply:(double)value {
      accumulator *= value;
  }
   
  - (void)divide:(double)value {
      accumulator /= value;
  }
   
  @end

Neste c�digo vamos encontrar na primeira linha #import "Calculator.h". Com esta instruç�o estamos trazendo para dentro da implementaç�o as declaraç�es feitas em Calculator.h. Com a instruç�o @implementation Calculator, se inicia a codificaç�o desta classe e com @end se finaliza. Tudo que estiver contido entre estas instruç�es faz parte da implementaç�o de Calculator.m. Quem tem algum conhecimento da linguagem C n�o ter� dificuldades para compreender o c�digo escrito, para aqueles que n�o s�o t�o familiarizados, destacamos algumas explicaç�es:

Em setAccumulator, recebemos um double que chamamos de value e atribu�mos o valor desta vari�vel para a vari�vel accumulator, que foi declarada tamb�m como double no Calculator.h;
Em clear, estamos zerando o conte�do da vari�vel accumulator;
Em accumulator, estamos disponibilizando o conte�do da vari�vel accumulator;
Em add, subtract, multiply e division estamos executando as suas operaç�es correspondentes.

Depois de codificar a classe Calculator, voc� pode compilar o projeto para se certificar que todo o c�digo est� correto. Para isso basta pressionar COMANDO +B. Se voc� ainda n�o est� familiarizado com o teclado do Mac, o bot�o COMANDO � aquele que tem a maç� impressa. Se tudo estiver perfeito podemos ir em frente. Se encontrar algum problema, conserte para n�o ficar complicado arrumar mais a frente.

Implementando o c�digo da interface com o usu�rio

Desenvolvida a classe Calculator, vamos agora codificar a camada de vis�o do projeto, respons�vel pela interaç�o da aplicaç�o com o usu�rio. Antes de iniciar esta codificaç�o precisamos entender como funcionar� a calculadora. Existir�o na tela bot�es para os n�meros (0 a 9), bot�es para as quatro operaç�es e um bot�o para o igual (que exibir� o resultado da operaç�o), al�m de um visor que mostrar� o n�mero digitado e o resultado. A ideia n�o � fazer uma super calculadora, mas sim mostrar uma implementaç�o simples e de f�cil compreens�o, por isso trabalharemos apenas com n�meros inteiros.

Observem que citamos v�rios bot�es e um display. Todos eles ser�o elementos de interface com o usu�rio. Veremos que � muito importante ter em mente quais ser�o estes elementos para poder preparar a ligaç�o dos mesmos com as funcionalidades da aplicaç�o (neste caso, as operaç�es matem�ticas).

Para saber qual o local correto para implementar a interface do usu�rio, precisamos esclarecer a estrutura do projeto. Todo projeto iOS tem esta estrutura b�sica:

Classes � pasta que cont�m as classes criadas pelo wizard do Xcode;
Other Sources � pasta que cont�m o fonte que inicia o projeto;
Resources � Como o nome diz, � a pasta que armazena os recursos do projeto, tais como imagens, views, fontes, etc.
Framework � Pasta que cont�m os frameworks usados no projeto. Se desejarmos incluir algum framework, este � o local adequado. Os frameworks encontrados nesta pasta nesse momento foram inclu�dos pelo wizard do Xcode;
Products � � a pasta que cont�m o execut�vel da aplicaç�o. Mas n�o se engane, para colocar este execut�vel no seu dispositivo (iPhone, iPad ou iPod) voc� precisar� de um provision, e isso ser� tema de um pr�ximo artigo.

Nesse momento, vamos observar o conte�do da pasta Other Source:

Calc_Prefix.pch � arquivo que cont�m os �#imports� que far�o parte de todos os fontes do projeto;
main.m � Aqui os aficionados pela Linguagem C v�o gostar. Sim, � atrav�s de um arquivo main que se inicia a execuç�o de um aplicativo na plataforma iOS.

A partir do c�digo do main.m � delegado para o arquivo CalcAppDelegate (que foi gerado automaticamente pelo wizard) o controle da execuç�o da aplicaç�o, e ser� neste c�digo que encontraremos a inclus�o da view CalcViewController. Falaremos mais sobre todas essas delegaç�es em outras oportunidades, mas se voc� tiver paci�ncia em dar uma olhada nos c�digos contidos nos arquivos main.m e CalcAppDelegate, poder� aprender sobre todas essas delegaç�es.

Todo o c�digo que estamos vendo em main, CalcAppDelegate e CalcViewController, foram gerados automaticamente pelo wizard do Xcode. Cada wizard executa um script diferente para cada modelo que selecionamos no momento da criaç�o do projeto, e como escolhemos View-Based Application, nos foi criado um projeto pronto para ser implementado usando a classe CalcViewController. Por esta raz�o vamos codificar nossa interface nesta classe. Dito isto, atualize o c�digo de CalcViewController para o c�digo exibido na Listagem 3.

Listagem 3. C�digo do arquivo CalcViewController.h.


  #import <UIKit/UIKit.h>
  #import "Calculator.h"
   
  @interface CalcViewController : UIViewController {
      Calculator *basicCalculator;
      IBOutlet UILabel *lblDisplay;
      double operator01, result;
      NSString *strDisplay, *operation;
      BOOL enablePoint, afterEqual, showNumberValid, enableCount;
  }
  @property (nonatomic, retain) Calculator *basicCalculator;
  @property (nonatomic, retain) UILabel *lblDisplay;
  @property (nonatomic, retain) NSString *strDisplay, *operation;
   
  - (IBAction)showClear;
  - (IBAction)showDivide;
  - (IBAction)show9;
  - (IBAction)show8;
  - (IBAction)show7;
  - (IBAction)showMultiply;
  - (IBAction)show6;
  - (IBAction)show5;
  - (IBAction)show4;
  - (IBAction)showSubtract;
  - (IBAction)show3;
  - (IBAction)show2;
  - (IBAction)show1;
  - (IBAction)showAdd;
  - (IBAction)show0;
  - (IBAction)showEqual;
  - (void)showNumber:(NSString *)number;
  @end

Na primeira linha desse c�digo inclu�mos a classe UIKit. Esta � a classe mais comum no desenvolvimento para plataforma iOS. Ela disponibiliza todos os recursos necess�rios para a aplicaç�o interagir com o usu�rio.

Na segunda linha temos a inclus�o da nossa classe Calculator. Vamos precisar dela para poder realizar nossas contas. Ao contr�rio do arquivo Calculator.h que derivava de NSObject, este arquivo deriva de UIViewController. Isto vai permitir ter maior controle sobre a view. Ali�s, por se tratar de uma view, ela s� pode ser derivada desta classe.

Depois disso criamos uma vari�vel basicCalculator do tipo Calculator. Fazemos isso para poder usar todos os m�todos desta classe em nosso c�digo atrav�s da vari�vel.

Na linha seguinte temos uma das principais caracter�sticas de desenvolvimento da plataforma iOS. Vamos usar o tipo IBOutlet. Toda vez que voc� encontrar uma declaraç�o com as iniciais IB quer dizer que esta vari�vel ter� uma ligaç�o com algum elemento gr�fico criado no Interface Builder (IB). Na linha em quest�o estamos informando que a vari�vel lblDisplay � do tipo UILabel e que esta ter� uma ligaç�o com um elemento criado no Interface Builder. Esta vari�vel ser� usada para exibir os n�meros digitados e o resultado das contas.

Depois criamos duas vari�veis do mesmo tipo double: uma para guardar um dos operadores e outra para armazenar o resultado de uma operaç�o, no caso operator01 e result.

Em seguida criamos mais duas vari�veis do tipo NSString, que usaremos como controle: strDisplay e operator. Na strDisplay teremos uma c�pia do conte�do da lblDisplay. � interessante fazer isso para facilitar a manipulaç�o de conte�do, visto que � muito mais r�pido e produtivo manipular vari�veis do tipo NSString do que vari�veis do tipo UILabel.

O �ltimo conjunto de vari�veis criadas nesta classe foram as booleanas. Estas vari�veis servir�o para ajudar a controlar o fluxo de execuç�o das aç�es executadas pelo usu�rio.

Depois das declaraç�es n�s definimos as propriedades de algumas destas vari�veis. Fazemos isso para poder controlar melhor o conte�do destas vari�veis de uma forma mais transparente e eficiente. Mais adiante apresentaremos mais detalhes quando estivermos explicando o c�digo de implementaç�o desta classe.

Ap�s definirmos as propriedades, declaramos as aç�es que esta classe vai executar. Observe que cada uma destas aç�es tem como in�cio � (IBAction). Lembre-se quando falamos que toda declaraç�o que se inicia com IB indica que existe uma ligaç�o desta aç�o com algum elemento criado no Interface Builder. Como podemos observar, criamos uma aç�o para cada situaç�o poss�vel que o usu�rio pode efetuar usando a calculadora. Por exemplo, quando o usu�rio pressionar o bot�o do n�mero zero, internamente executar� o m�todo show0, quando pressionar o bot�o de igual, executar� o m�todo showEqual, e por ai em diante. Compreendido este c�digo, vamos implementar CalcViewController.m de acordo com a Listagem 4.

Listagem 4. C�digo de CalcViewController.m.


  #import "CalcViewController.h"
   
  @implementation CalcViewController
   
  @synthesize basicCalculator, lblDisplay, strDisplay, operation;
   
  - (void)viewDidLoad {
      [super viewDidLoad];     
      self.strDisplay = [[NSString alloc] init];
      operation = [[NSString alloc] init];
      afterEqual = FALSE;
      showNumberValid = TRUE;
      enablePoint = TRUE;
      enableCount = FALSE;
      lblDisplay.text = @"0";
  }
   
  - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
      return YES;
  }
   
  - (IBAction)showClear {
      self.strDisplay = @"";
      lblDisplay.text = self.strDisplay;
      lblDisplay.text =@"0";
      operation = @"";
  }
   
  - (IBAction)showDivide {
      if (!afterEqual) {
       [self showEqual];
       enableCount = TRUE;
      }
      operation = @"4";
      operator01 = [self.strDisplay doubleValue];
      self.strDisplay = @"";
  }
   
  - (IBAction)show9 {
      [self showNumber:@"9"];
  }
   
  - (IBAction)show8 {
      [self showNumber:@"8"];
  }
   
  - (IBAction)show7 {
      [self showNumber:@"7"];
  }
   
  - (IBAction)showMultiply {
      if (!afterEqual) {
       [self showEqual];
       enableCount = TRUE;
      } 
      operation = @"3";
      operator01 = [self.strDisplay doubleValue];
      self.strDisplay = @"";
      enableCount = FALSE;
  }
   
  - (IBAction)show6 {
      [self showNumber:@"6"];
  }
   
  - (IBAction)show5 {
      [self showNumber:@"5"];
  }
   
  - (IBAction)show4 {
      [self showNumber:@"4"];
  }
   
  - (IBAction)showSubtract {
      if (!afterEqual) {
       [self showEqual];
       enableCount = TRUE;
      }
      operation = @"2";
      operator01 = [self.strDisplay doubleValue];
      self.strDisplay = @"";
      enableCount = FALSE;
  }
   
  - (IBAction)show3 {
      [self showNumber:@"3"];
  }
   
  - (IBAction)show2 {
      [self showNumber:@"2"];  
  }
   
  - (IBAction)show1 {
      [self showNumber:@"1"];
  }
   
  - (IBAction)showAdd {
      if (!afterEqual) {
       [self showEqual];
       enableCount = TRUE;
      }
      operation = @"1";
      operator01 = [self.strDisplay doubleValue];
      self.strDisplay = @"";
      enableCount = FALSE;
  }
   
  - (IBAction)show0 {
      [self showNumber:@"0"];
  }
   
  - (IBAction)showEqual {
      if (operation != @"") {
       switch ([operation intValue]) {
           case 1:
                basicCalculator = [[Calculator alloc] init];
                [basicCalculator setAccumulator:operator01];
                [basicCalculator add:[self.strDisplay doubleValue]];
                result = [basicCalculator accumulator];
                [self showClear];
                self.strDisplay = [self.strDisplay stringByAppendingFormat:@"%g",result];
                lblDisplay.text = self.strDisplay;
                operator01 = 0;
                result = 0;
                [basicCalculator release];
                afterEqual = TRUE;
                break;
           case 2:
                basicCalculator = [[Calculator alloc] init];
                [basicCalculator setAccumulator:operator01];
                [basicCalculator subtract:[self.strDisplay doubleValue]];
                result = [basicCalculator accumulator];
                [self showClear];
                self.strDisplay = [self.strDisplay stringByAppendingFormat:@"%g",result];
                lblDisplay.text = self.strDisplay;
                operator01 = 0;
                result = 0;
                [basicCalculator release];
                afterEqual = TRUE;
                break;
           case 3:
                basicCalculator = [[Calculator alloc] init];
                [basicCalculator setAccumulator:operator01];
                [basicCalculator multiply:[self.strDisplay doubleValue]];
                result = [basicCalculator accumulator];
                [self showClear];
                self.strDisplay = [self.strDisplay stringByAppendingFormat:@"%g",result];
                lblDisplay.text = self.strDisplay;
                operator01 = 0;
                result = 0;
                [basicCalculator release];
                afterEqual = TRUE;
                break;
           case 4:
                basicCalculator = [[Calculator alloc] init];
                [basicCalculator setAccumulator:operator01];
                [basicCalculator division:[self.strDisplay doubleValue]];
                result = [basicCalculator accumulator];
                [self showClear];
                self.strDisplay = [self.strDisplay stringByAppendingFormat:@"%g",result];
                lblDisplay.text = self.strDisplay;
                operator01 = 0;
                result = 0;
                [basicCalculator release];
                afterEqual = TRUE;
                break;
           default:
                break;
       }    
      }
  }
   
  - (void)showNumber:(NSString *)number {
      if (afterEqual && operation == @"") {
       afterEqual = FALSE;
       [self showClear];
      } if (afterEqual) {
       afterEqual = FALSE;
      }
      if ([self.strDisplay doubleValue] == 0 && [number doubleValue] == 0)  {
       showNumberValid = FALSE;
      }
      if (showNumberValid) {
       self.strDisplay = [self.strDisplay stringByAppendingFormat:@"%@",number];
       lblDisplay.text = self.strDisplay;
      } else if (number == @"." && [self.strDisplay doubleValue] == 0) {
       self.strDisplay = [self.strDisplay stringByAppendingFormat:@"0."];
       lblDisplay.text = self.strDisplay;
      } else if (!enablePoint && [number doubleValue] == 0) {
       self.strDisplay = [self.strDisplay stringByAppendingFormat:@"0"];
       lblDisplay.text = self.strDisplay;
      } else {
       lblDisplay.text = @"0";
      }
  }
   
  - (void)didReceiveMemoryWarning {
      [super didReceiveMemoryWarning];
  }
   
  - (void)viewDidUnload {
      lblDisplay = nil;
  }
   
  - (void)dealloc {
      [super dealloc];
  }
   
  @end

Este c�digo � um pouco mais extenso, sendo assim, vamos comentar sobre mais alguns pontos importantes para completar as explicaç�es. O primeiro deles � o m�todo viewDidLoad. Voc� deve ter percebido que este m�todo n�o foi declarado em CalcViewController.h e mesmo assim est� sendo usado em CalcViewController.m.

Para explicar isso, recorremos ao uso do SDK. Quando inclu�mos o UIKit no nosso c�digo, trazemos v�rias declaraç�es de m�todos que s�o considerados importantes para o bom desempenho da aplicaç�o. Por isso n�o precisamos declarar viewDidLoad, isto j� foi feito quando inclu�mos a biblioteca do SDK.

No decorrer de seus estudos sobre iOS voc� ver� v�rios m�todos que n�o precisam ser declarados, como os m�todos que usam o aceler�metro, por exemplo. Mais um ponto a ser tratado sobre viewDidLoad � que este � o primeiro m�todo a ser chamado pela aplicaç�o quando esta classe � executada. Ou seja, se voc� precisa executar um determinado c�digo antes de qualquer outro, este � o local adequado para isso. Observe que todo c�digo contido neste m�todo est� apenas inicializando as vari�veis que ser�o usadas na aplicaç�o.

Anteriormente falamos sobre propriedades de algumas vari�veis que criamos, agora vamos observar a vari�vel strDisplay, neste c�digo implementado, para entender o porqu� criamos propriedades nela no CalcViewController.h. Observe que todas as vezes que usamos esta vari�vel usamos tamb�m o prefixo �self�. Ele indica que estamos querendo usar uma vari�vel pertencente a esta classe, e s� podemos usar este prefixo porque criamos uma propriedade para esta vari�vel.

Uma grande vantagem de usar o self � garantir que podemos usar esta vari�vel em qualquer ponto da classe, sem correr o risco de deixarmos a vari�vel fora de escopo.

Outro ponto importante que vale a pena comentar � a forma que chamamos um m�todo de dentro da pr�pria classe. Observe o m�todo show1. Nele temos o seguinte c�digo: [self showNumber:@"1"]. showNumber � o nome do m�todo que queremos executar, e @�1� � o par�metro que queremos passar para ele. Agora vamos por partes. Os colchetes indicam que o que est� contido neles � para ser executado como um bloco, chamados tamb�m de cont�ineres. O self, como j� foi explanado, mostra onde est� o que queremos executar. Neste caso estamos executando um m�todo contido na pr�pria classe. showNumber � o nome do m�todo que queremos chamar e para passar par�metros precisamos usar o s�mbolo �:�. Toda vez que voc� deseja indicar um tipo string deve colocar o s�mbolo �@� na frente do conte�do desejado, que por sua vez deve estar entre aspas.

No exemplo citado, estamos passando um par�metro do tipo string que cont�m o n�mero 1. Esta talvez seja a mudança mais chata de se acostumar no in�cio. Outra curiosidade em nosso c�digo est� na linha self.strDisplay = [self.strDisplay stringByAppendingFormat:@�%g�, result]. Nesta linha estamos concatenando o conte�do de self.strDisplay com o resultado da operaç�o. O problema inicial � que a vari�vel que cont�m o resultado � do tipo double, por isso precisamos fazer uma convers�o. Para isso, usamos um formato muito conhecido pela linguagem C, o �%g�. Mais uma vez usamos o s�mbolo �@� na frente para indicar que estamos concatenando um tipo string.

Interface Builder

Terminamos toda a codificaç�o, agora precisamos criar uma interface para o usu�rio poder interagir e assim executar nosso c�digo. Na pasta Resources vamos encontrar o arquivo CalcViewController.xib. Na plataforma, arquivos de extens�o Nib e Xib indicam que s�o arquivos feitos para serem editados pelo Interface Builder, sendo os respons�veis pela interaç�o entre o usu�rio e a aplicaç�o. Extens�es Nib s�o usadas em arquivos gr�ficos para aplicaç�es desktops, e extens�es Xib em arquivos gr�ficos para aplicaç�es iOS. Isto quer dizer que se desejamos criar a interface que usar� o c�digo que implementamos em CalcViewController.h e .m, precisamos trabalhar com o seu arquivo correspondente na extens�o .xib. Localizado o arquivo CalcViewController.xib, d� dois cliques.

O IB � uma ferramenta muito intuitiva. Ao inici�-lo veremos uma view, que reproduz a tela de um iPhone, uma janela chamada Library, que cont�m os elementos gr�ficos que podem ser colocados na view, uma janela chamada View Attributes, que cont�m os atributos de cada componente, e a janela CalcViewController.xib, que cont�m os elementos deste arquivo � Figura 4.

Figura 4. Interface Builder.

Voc� deve montar sua view conforme o que est� demonstrado na Figura 4. Os bot�es da calculadora s�o formados por componentes UIButton, que pode ser encontrado na janela Library. Para adicion�-lo basta arrastar este componente at� a view e soltar. Fazemos isso para cada bot�o, e para colocar os n�meros alteramos o atributo Title atrav�s da janela View Attributes. Para fazer o display da calculadora, utilizamos o componente UILabel, tamb�m encontrado na janela Library. Assim como feito com os bot�es, arraste este componente at� a view e solte.

O c�digo da calculadora est� pronto e agora montamos o visual da nossa aplicaç�o. O que falta � associar (ligar) os elementos que codificamos com os elementos gr�ficos. Por exemplo, como a aplicaç�o vai identificar o componente UILabel que acabamos de colocar na nossa view com a vari�vel lblDisplay, declarada no arquivo CalcViewController.h? Lembre-se que esta vari�vel declarada no arquivo .h tinha um prefixo IBOutlet, por isso podemos associ�-la com este componente visual.

Para isso, d� um clique com o bot�o direito em cima do elemento File�s Owner que est� dentro da janela CalcViewController.xib. Aparecer� uma janela popup aonde encontraremos a vari�vel lblDisplay. Esta vari�vel aparece exatamente porque a declaramos como IBOutlet no CalcViewController.h. Assim, d� um clique no c�rculo que se encontra do lado direito do nome dessa vari�vel e arraste at� o componente UILabel contido na janela view (Figura 5).

Figura 5. Ligando lblDisplay com um elemento gr�fico.

Ao fazermos esta aç�o estamos ligando uma vari�vel declarada com um elemento gr�fico da view. Agora precisamos relacionar as aç�es do usu�rio com as aç�es declaradas no CalcViewController.h.

Para cada bot�o teremos uma determinada aç�o relacionada, portanto d� um clique com o bot�o direito em cima de um bot�o j� posicionado na view. Vai aparecer uma janela popup com uma relaç�o de eventos poss�veis para este componente. No c�rculo associado � opç�o Touch Down d� um clique e arraste at� o File�s Owner da janela CalcViewController.xib, como indica a Figura 6.

Figura 6. Associando evento com aç�o.

Outra janela popup vai aparecer para File�s Owner com a relaç�o das aç�es declaradas no arquivo CalcViewController.h (as IBActions). Neste momento, escolha a aç�o correspondente para o bot�o, por exemplo, se for a aç�o do bot�o 9, relacione com a aç�o show9. Observe a Figura 7.

Figura 7. Janela popup em File�s Owner com lista de aç�es.

Terminada todas as aç�es para todos os bot�es vamos sair do Interface Builder, salvando o arquivo CalcViewController.xib. Agora compile o projeto clicando COMANDO+B. Se n�o aparecer qualquer problema podemos executar o projeto. Deste modo, clique OPTION+COMANDO+ENTER. Se tudo correr bem, teremos uma pequena calculadora dispon�vel, conforme a Figura 8.

Figura 8. Calculadora rodando no simulador.

Conclus�o

Com isso terminamos a nossa calculadora b�sica. Neste projeto, n�o foi nosso foco a qualidade visual da calculadora, mas quando voc� for desenvolver um projeto que ter� distribuiç�o comercial, a interface gr�fica � de grande import�ncia para a aceitaç�o do projeto perante seus usu�rios. Como voc� deve ter percebido, fizemos muitas relaç�es com a linguagem C, que sem d�vida � a linguagem mais pr�xima de ObjC, mas n�o se engane, tamb�m existem muitas diferenças.

Esperamos que a partir deste artigo voc� possa começar a desenvolver suas primeiras aplicaç�es para iPad e iPhone. Este � um mundo muito novo, com muito mercado a ser explorado, aproveite. At� a pr�xima!

Confira tamb�m

Curso de iOS

Curso

Cursos de Mobile