Depois disso, vamos adicionar as ações criadas com os botões que acabamos de criar. De um click (segurando o control) em cima do primeiro botão que você acrescentou, selecione Touch Down e arraste até o File’s Owner. Novamente o menu pop up irá aparecer. De um click em showPicture01. Faça isso para cada um dos 9 botões que você criou.

Agora precisamos criar a view que irá exibir o wallpaper selecionado pelo usuário, chamaremos de Zoom. Vá até o Library / Window, Views & Bars e arraste o componente UIView para MainView.xib. De um duplo click nesta view, certifique-se que as dimensões estão corretas (as famosas 320×480) e inclua o componente UIImageView nela. Para facilitar nosso trabalho, vamos configurar uma imagem, mas esta ação visa apenas nos ajudar a posicionar os botões que serão inseridos logo a seguir. Por esta razão, selecione 2-Bueno.jpg. Agora adicione 4 botões nesta view. Um em cima da seta para esquerda, outro em cima da seta para a direita, outro em cima do retorno (canto superior direito) e outro em cima de “Usar como wallpaper”. Deixe todos como custom.

Falta pouco. Na verdade está faltando colocar as ações para cada um desses botões que acabamos de inserir. Todas estas ações serão inseridas da mesma forma, dando um click (segurando o control) em cima de cada botão, selecionando o Touch Down e arrastando até o File’s Owner. O que vai mudar, naturalmente, serão as ações que iremos relacionar. No botão que servirá de retorno (canto superior direito) vamos colocar hideZoom. No botão da seta para esquerda, iremos colocar o showPrevious, já no botão de seta para a direita colocaremos o showNext, e por fim, no botão que está em cima de “Usar como wallpaper” colocaremos showPlay.

Pronto, finalizamos. É só fechar o Interface Builder, e executar a aplicação. Mais uma vez lembramos que a idéia não é ensinar você fazer aplicações iguais as nossas, mas orienta-lo e quem sabe inspira-lo em uma nova aplicação.

Até a próxima.

(Matéria publicada na revista MAC+)

(by Ademar Varela)

MainView

Agora vamos trabalhar com a parte gráfica do MainView. De um duplo click em cima do arquivo MainView.xib. Coloque o componente UIImageView e configure-o com a imagem 1-home.jpg. Depois coloque o botão info na parte superior direita da imagem. Agora insira 9 botões e configure-os para que fiquem todos customizados (custom). Coloque cada botão em cima de cada imagem da home.

Agora de um click (segurando o control) em cima do File’s Owner. Isto fará com que um menu pop up apareça. Relacione cada botão anteriormente codificado (na edição anterior) com o botão que você acabou de inserir.

É hoje!!! Sim, vamos terminar a nossa aplicação sobre wallpapers. Volto a dizer que todos os resources necessários para este projeto estão no site da Mac.

Até o momento fizemos toda a parte chata, ou seja, o código. Hoje vamos finalizar com a parte gráfica, que como já sabemos iremos usar o Interface Builder.

FlipSideView

Vamos começar pelos créditos. Geralmente colocamos os créditos de uma aplicação no FlipSideView (Quando usamos um projeto do tipo Utility). Algumas vezes podemos usar o FlipSideView para configurar a aplicação também. No nosso caso, vamos usa-lo para colocar os créditos da nossa aplicação. De um duplo click no arquivo FlipSideView.xib. Arraste o componente UIImageView para a view e coloque a imagem 3-creditos.jpg. Depois coloque o componente UIButton em cima do botão de retorno da imagem e configure-o para custom. Simplesmente faça isso, vamos aproveitar a própria imagem de fundo para dar entender ao usuário que ali é o local de voltar. Não se esqueça de antes de começar a fazer tudo isso, apagar as configurações default da FlipSideView e re-dimensionar seu tamanho para 320×480. O resultado deverá ser o da figura abaixo.

Para finalizar o FlipSide view vamos relacionar a ação de retorno prevista para esta view. De um click (segurando o botão control) em cima do botão que colocamos em cima do retorno e selecione Touch Down e arraste até o File’s Owner e solte, vai aparecer um menu pop up e você irá selecionar Done.

Pronto, terminamos com o FlipSideView, feche o Interface Builder e vamos agora para o MainView.

(Matéria publicada na revista MAC+)

(by Ademar Varela)

Para todos que acompanham este blog, eu desejo um próspero 2010, que todos os desafios sejam conquistados!!!