Post on 17-Apr-2015
Desenvolvendo Apps
para iOS no Xcode
Uedson Reis
uedsonreis@gmail.com
Agenda
Baixando e Instalando o Xcode;
Criando um Projeto novo no Xcode;
Objetos e componentes básicos da plataforma; Atividade: Desenvolver uma Calculadora;
Transição entre telas no Storeboard; Atividade: Desenvolver um app para calcular o
Imposto de Renda;
Videos recomendados;
Baixando o Xcode na App Store
Criando um Projeto novo no Xcode
Escolhendo o tipo do Projeto
Escolha o nome do Projeto
Menu de Component
es
Text Field
Button
Label
Chamada de Métodos
[variavel createTipo:1 control:a model:b];
variavel.create(1, a, b);
Codificando a Interface
Propriedades para os componentes;Assinatura do método que calcula;
Codificando a Classe
Implementação do método que calcula;
Vinculando o método ao botão igual
Click com o botão direito no Button
Rodando o Aplicativo
Click neste botão para rodar o app
Atividade Prática
Construir uma aplicação para calcular quanto uma pessoa irá pagar de imposto de renda;
As entradas de dados serão: O montante ganho pela pessoa no ano; E os valores que podem ser usados para dedução;
As saídas serão: Os valores pagos do imposto referente a cada faixa
(isento, 7,5%, 15%, 22,5%, 27,5%);
A dedução do INSS deve aparecer na tela de entrada de dados, porém será calculada automaticamente pelo aplicativo (11% do total).
Tela Inicial do Projeto no Xcode
Criando um Navigation Controller
Navigation Controller
Criando um Navigation Controller
1 – click e arraste a seta para o Navigation
Controller
2 – click no View Controller e apegue-o
Editando um Navigation Controller
Bar Button Item
Altere o titulo para
Calc IR
Criando a Tela de Resultado
Adicione um Table View Controller
Configurar as células como Estáticas
1 - clique em Table View
2 – Mudar para Static Cells
Mudar a Seção para 1 linha
1 - clique em Table View
Section
2 – mudar para 1 linha
Mudando o número de Seções
1 - clique em Table View
2 – mudar para 5 seções
Mudando o nome das Seções
1 - clique nos Table View Sections
2 – mude o nome
Vínculo do Botão Calcular com a nova Tela (Table View Controller)
1 - clique com o botão direito no botão Calcular
2 – clique no circulo e arraste para a tela do
Table View Controller
Editar o Título para: Resultado
1 - clique aqui e digite o novo
título
Configurando a Tela de Calc IR
Repita os passos executados para a Configuração da tela de Resultados para configurar as seguinte Tela Inicial: A tabela terá 3 seções com 1 linha cada
uma; A 1ª será: Ganho Annual; A 2ª será: Dedução do INSS; E a 3ª: Demais Deduções;
Tela de Calc IR
Configurando as Células
Tornar o TextField
transparente.Monte a célula com Label e
TextField
Configurar o tipo de Teclado
Criando os Campos no Código
Criando os Campos no Código
Mapeando os Campos da Tela com os do Código
Click e arraste até ali
Código do Calculo
Resultado Final
Processo de SubmissãoMudando o Code Signing para Distribuição
Processo de SubmissãoMudando o Code Signing para Distribuição
Processo de SubimissãoCompilando o Projeto
Processo de Submissão
• Ir para a Pasta onde está o Código Binário;
Processo de SubmissãoCompactar o código para enviar
iTunes ConnectCriando uma Nova Aplicação
iTunes ConnectPreencha as informações do App
iTunes ConnectBaixar o Application Loader
iTunes ConnectFazer o upload do Código binário
Videos Recomendados
http://techbot.me/2011/08/screencast-introducao-objective-c/
http://techbot.me/2011/08/screencast-de-introducao-objective-c-parte-2
Desenvolvendo Apps
para iOS no Xcode
Uedson Reis
Uedson.reis@pro.unifacs.br