quinta-feira, 7 de agosto de 2014

Criando uma janela modal no Xcode













Todo aplicativo necessita em determinados momentos da apresentação de janelas de informação adicional ou de pequenas tomadas de decisão.
Você sabia que com pouco esforço consegue criar essas janelas no Xcode ? Confira nesse artigo.


Criando a aplicação

Crie uma aplicação do tipo Single View Application.
Caso você não se lembre como fazer isso, veja esse artigo primeiro. http://blog.mobsource.com.br/2014/07/criando-o-primeiro-aplicativo-para.html




























Configurando o layout


Configure o layout conforme demonstrado abaixo. (na Main.storyboard)
Insira uma Navigation Controller e coloque a seta de inicialização nela.
Crie uma ligação entre as telas do tipo root view (segure o botão command do seu teclado, clique na Navigation Controller e arraste para a View Controller do lado)
Coloque um botão na sua View Controller com o título "Abrir Modal".
Insira mais uma View Controller e crie uma ligação do tipo modal entre o botão "Abrir Modal" e a segunda View Controller.






















Controlando a janela modal


Adicione um botão na última View Controller.
Coloque o nome "Fechar Modal" para o botão.
Crie uma Objective C Class e coloque o nome de SecondViewController.
Verifique se o campo "Subclass of" possui o valor "UIViewController".













































Definindo a classe da janela modal



Clique na segunda View Controller adicionada e na tela de propriedades, em "Custom Class" selecione a Class "SecondViewController".
Dessa maneira, o layout fica preso a classe que você acabou de criar.





























Definindo o clique do botão fechar modal


Crie uma conexão do botão com o código conforme demonstrado.
Insira o trecho de código para o botão.


































Explicando tudo


Uma das qualidades da IDE do Xcode é a possibilidade de criar e manipular diversos elementos escrevendo uma quantidade muito pequena de código.
Nesse caso, visualmente especificamos que a segunda view era do tipo modal e é disparada quando o botão "Abrir Modal" é pressionado.
O último código que inserimos diz ao botão "Fechar modal" que ele deve fechar com uma animação. Simples assim !
Rode o seu código e faça o teste.
Existem outras maneiras de exibir e configurar janelas "modais" no Xcode.
Em breve voltaremos a falar sobre esse assunto.
Até lá ! ;)