![\"\"](\"https:\/\/renatopeterman.com.br\/blog\/wp-content\/uploads\/2011\/03\/imagem-final.jpg\" "\\"imagem-final\\"")
<\/a>App<\/p><\/div><\/p>\n
\n
Bom, ent\u00e3o vamos l\u00e1, a IDE de desenvolvimento XCode roda apenas no Mac OSX ent\u00e3o voc\u00ea vai precisar de um computador com o Mac OSX instalado para poder executa-lo, abaixo o que foi utilizado:<\/p>\n
<\/p>\n
- \n
- Mac OSX Snow Leopard 10.6.4<\/li>\n
- XCode 3.2.3 e iPhone SDK 4.0.1<\/a><\/li>\n<\/ul>\n
\n1. Criando um novo projeto<\/strong><\/p>\n
Quando o XCode \u00e9 iniciado ele traz uma janela de boas vindas, ent\u00e3o voc\u00ea pode criar o novo projeto clicando no menu File > New Project ou clicando no bot\u00e3o “Create a new Xcode project” na tela de boas vindas, conforme mostra a figura abaixo:<\/p>\n
![\"\"](\"https:\/\/renatopeterman.com.br\/blog\/wp-content\/uploads\/2010\/09\/imagem-0001-300x187.jpg\" "\\"imagem-0001\\"")
<\/a>Tela inicial do Xcode - Criando um novo projeto (clique para ampliar)<\/p><\/div>\n
Em seguida \u00e9 necess\u00e1rio selecionar o tipo de projeto a ser criado, podendo ser para MacOS, iPhone, iPad, etc… Vamos selecionar para iPhoneOS e escolher o template “View-based Application” conforme mostra a figura abaixo:<\/p>\n
![\"\"](\"https:\/\/renatopeterman.com.br\/blog\/wp-content\/uploads\/2010\/09\/imagem-0002-300x250.jpg\" "\\"imagem-0002\\"")
<\/a>Escolhendo o tipo de projeto (clique para ampliar)<\/p><\/div>\n
Ap\u00f3s selecionado o template do projeto \u00e9 necess\u00e1rio escolher um nome (no meu caso, utilizei o nome TutorialIphone<\/strong>), em seguida \u00e9 criada a estrutura conforme mostra a figura abaixo:<\/p>\n
![\"\"](\"https:\/\/renatopeterman.com.br\/blog\/wp-content\/uploads\/2010\/09\/imagem-0003-300x187.png\" "\\"imagem-0003\\"")
<\/a>Janela do projeto com a estrutura de arquivos e o editor de c\u00f3digo (clique para ampliar)<\/p><\/div>\n
A estrutura do projeto basicamente \u00e9 composta por 5 pastas:<\/p>\n
Classes:<\/strong> Aqui est\u00e3o localizadas as classes do projeto, ou seja, os arquivos funcionais que cont\u00e9m o c\u00f3digo fonte.<\/p>\n
Other Sources: <\/strong>Outros arquivos de c\u00f3digo fonte, como por exemplo o arquivo main.m necess\u00e1rio por inicializar o programa.<\/p>\n
Resources:<\/strong> Aqui est\u00e3o os arquivos de “recursos” do projeto, como por exemplo um arquivo .plist<\/strong> onde se encontra as configura\u00e7\u00f5es do projeto como nome, icone e etc… Nesta pasta est\u00e1 tamb\u00e9m os arquivos .xib<\/strong> que s\u00e3o as telas do programa desenvolvidas no Interface Builder.<\/p>\n
Frameworks: <\/strong>Cont\u00e9m as bibliotecas e frameworks utilizados no projeto.<\/p>\n
Products: <\/strong>Cont\u00e9m a aplica\u00e7\u00e3o final compilada .app<\/strong>.
\n
\n2. Criando a aplica\u00e7\u00e3o<\/strong><\/p>\nComo n\u00f3s j\u00e1 utilizamos o template “View-based Application” n\u00e3o \u00e9 necess\u00e1rio que criemos um View Controller manualmente, mas \u00e9 bom que voc\u00ea saiba como este \u00e9 composto, \u00e9 s\u00f3 buscar na documenta\u00e7\u00e3o depois. O View Controller \u00e9 a visualiza\u00e7\u00e3o\/tela da sua Janela, por exemplo, se voc\u00ea tiver uma aplica\u00e7\u00e3o que tem duas telas diferentes, vai precisar de um outro View Controller (ex.: uma tela principal e uma tela que cont\u00e9m as informa\u00e7\u00f5es da app (about)).<\/p>\n
Como voc\u00ea pode notar, na pasta classes, ambos os objetos possuem dois arquivos, cada um com um extens\u00e3o diferente, no meu caso como eu usei o nome do projeto TutorialIphone eles est\u00e3o da seguinte forma:<\/p>\n
- \n
- TutorialIphoneAppDelegate.h<\/li>\n
- TutorialIphoneAppDelegate.m<\/li>\n
- TutorialIphoneViewController.h<\/li>\n
- TutorialIphoneViewController.m<\/li>\n<\/ul>\n
At\u00e9 aqui \u00e9 simples, os arquivos com extens\u00e3o .h<\/strong> s\u00e3o apenas uma interface onde s\u00e3o declarados os atributos e met\u00f3dos que estar\u00e3o presentes na implementa\u00e7\u00e3o que s\u00e3o os arquivos com extens\u00e3o .m<\/strong>.<\/p>\n
Neste tutorial n\u00e3o irei detalhar o funcionamento das classes TutorialIphoneAppDelegate.*, o que pode-se dizer, \u00e9 que esta classe seria a classe principal do projeto respons\u00e1vel pela aplica\u00e7\u00e3o em si, como no nosso projeto temos apenas uma “view” e utilizamos um template da pr\u00f3pria IDE, n\u00e3o ser\u00e1 necess\u00e1rio alterar o c\u00f3digo.<\/p>\n
Let’s code ! hehe. Primeiro, \u00e9 necess\u00e1rio declarar os atributos e fun\u00e7\u00f5es que ter\u00e1 na implementa\u00e7\u00e3o (*.m) na interface (*.h), no meu caso, na classe TutorialIphoneViewController<\/strong>, abaixo segue o c\u00f3digo comentado:<\/p>\n
\n\n