propriamente dito. Para isso o Xcode fornece algumas facilidades de arrastar e sol-
tar que nos livram de escrever código repetitivo o tempo todo. Os passos são os
seguintes:
1) Ativar o Assistant Editor do Xcode
2) Esconder telas desnecessárias
14
Casa do Código
Capítulo 2. Hello World, seu primeiro programa em iOS
3) Ligar os componentes com o código-fonte
O primeiro passo é ativar o Assistant Editor (Editor assistente, em uma tradução
literal) do Xcode, que é um modo de trabalho no qual podemos ver ao mesmo tempo
tanto a interface gráfica quando o código-fonte. Acesse o menu View -> Assistant
Editor -> Show Assistant Editor (tecla de atalho Option + Command + Enter),
o que deverá mostrar uma nova tela com o arquivo HWViewController.h ao lado
da interface gráfica que acabamos de montar.
Teclas de atalho
Repare que muitos dos menus têm teclas de atalho, que são grandes
aliadas dos programadores. Mais adiante no livro veremos uma relação
de diversas teclas de atalho bastante úteis no dia a dia.
A figura 2.8 mostra como fazer o mesmo procedimento utilizando botões exis-
tentes no Xcode.
Figura 2.8: Botão para ativar o editor assistente
15
2.4. Associe sua tela com o código
Casa do Código
Agora, se você estiver com as configurações padrões do Xcode, a tela deverá estar
uma confusão como a da figura 2.9, especialmente se o seu monitor não for muito
grande.
Figura 2.9: Editor bastante confuso do Xcode
Podemos simplificar isso escondendo as telas Navigator e Utilities, que ficam à
esquerda e à direita, respectivamente. Para isso, selecione o menu View -> Navigators
-> Hide Navigator e View -> Utilities -> Hide Utilities.
16
Casa do Código
Capítulo 2. Hello World, seu primeiro programa em iOS
Verifique se o arquivo fonte selecionado é o .h
Importante: os passos a seguir devem ser feitos com o arquivo
HWViewController.h selecionado no Assistant Editor, porém algu-
mas vezes o Xcode abre inicialmente o arquivo .m. Para efetuar a troca,
clique no nome do arquivo na barra superior de navegação, e selecione
HWViewController.h, conforme exemplificado nas imagens 2.10 e
2.11
Figura 2.10: Barra de seleção de arquivo
Figura 2.11: Selecione o arquivo .h
Para conectar cada botão com uma ação no código-fonte faça o seguinte:
17
2.4. Associe sua tela com o código
Casa do Código
Selecione o botão Esconder no Interface Builder
Segure a tecla CTRL, depois clique com o botão esquerdo do mouse e arraste.
Você verá que uma linha aparece na tela.
Arraste
a
linha
para
o
código-fonte
à
esquerda
(arquivo
HWViewController.h),
posicionando-a logo abaixo da declaração
@interface, e solte o mouse. Veja a figura 2.12 para referência visual destes
passos.
Deverá aparecer uma janela flutuante como a da figura 2.13. Selecione a opção
Action em Connection, e no campo Name insira o valor hideView, que é o
nome do método que criaremos para manipular o aplicativo.
Deixe o resto dos campos com os valores padrão, e clique no botão Connect
Repita a operação para o botão Mostrar, e no campo Name preencha com
showView
Figura 2.12: Ligando a ação do botão ao código
18
Casa do Código
Capítulo 2. Hello World, seu primeiro programa
em iOS
Figura 2.13: Popup para inserir ação a um botão
A última coisa que falta para que possamos começar a colocar a mão no código
é associar a UIView com o código. Faça o mesmo procedimento realizado para
os botões (selecionar, depois CTRL + arrastar), porém selecione Outlet no campo
Connection, e em Name insira o valor workingView. O resultado final do arquivo
HWViewController.h deverá ser como o da listagem abaixo:
# import <UIKit / UIKit.h>
@interface HWViewController : UIViewController
- (IBAction)hideView:(id)sender;
- (IBAction)showView:(id)sender;
@property (weak, nonatomic) IBOutlet UIView *workingView;
@end
Outlets
Outlet é a denominação que o Interface Builder utiliza para se re-
ferenciar a um componente no arquivo .storyboard ou .xib que
é referenciado no arquivo .h, onde é representado pela palavra-chave
IBOutlet. Ele é tratado de forma especial pelo Xcode. Sem os outlets,
não seria possível acessar os componentes criados.
Estamos na reta final do nosso primeiro aplicativo para iOS. O que devemos fazer
agora é criar o código que irá esconder e mostrar a view de acordo com os botões.
Para isso precisamos trabalhar no arquivo HWViewController.m, que é onde fica
o código de fato.
19
2.5. Escondendo e mostrando a view
Casa do Código
Arquivos .h e .m
Ao contrário de linguagens como Java e C#, o Objective-C (assim
como C e C++) requer um arquivo para as definições gerais da classe, e
outro para o código de fato, tendo a extensão .h e .m respectivamente.
No capítulo sobre a linguagem veremos mais a fundo o funcionamento
deles.
Para alternar para o arquivo .m ( HWViewController.m), abra novamente o
painel Navigator (View -> Navigators -> Show Navigator, ou Command+0) e seleci-
one o arquivo na listagem. Caso queira fechar o Assitant Editor e voltar para o modo