Última aula de como usar o acelerômetro em seus aplicativos
por Ademar Varela
Agora é para valer! Esta é a derradeira matéria falando sobre o
aplicativo de fundos de tela (wallpapers) que montamos para o iPhone.
Para quem está chegando agora, sugerimos as leituras das edições 32 em
diante da MAC+ e também baixem os resources necessários para este
projeto, que estão publicados na seção Extras do site da revista.
Nas revistas anteriores, fizemos toda a parte chata, isto é, a
digitação do código. Agora, vamos finalizar o aplicativo focando na
parte gráfica. E para isso, como já podem imaginar, vamos precisar do
nosso velho companheiro Interface Builder.
De virada...
Vamos começar pelos créditos dos artistas que fizeram os papéis de
parede. Geralmente, colocamos os créditos de um aplicativo para iPhone
usando o FlipSideView (isso acontece quando usamos um projeto do tipo
Utility). Podemos usar o FlipSideView para configurar a aplicação
também, em alguns casos. Para o nosso projeto, vamos pelo padrão, e
mostrar os nomes dos artistas
Dê um duplo clique no arquivo FlipSideView.xib. Arraste o componente
UIImageView para a view e coloque a imagem 3-creditos.jpg, que está
nos resources do software que você baixou do nosso site. Depois
coloque o componente UIButton em cima do botão de retorno da imagem e
configure-o para custom. A idéia aqui é 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 x 480.
(figura 01).
Para finalizar o FlipSideView, vamos relacionar a ação de retorno
prevista para ela. Use o botão direito do mouse (ou então use
[Control] + [Clique do Mouse]) em cima do botão que colocamos em cima
do retorno e selecione Touch Down, arraste até o File's Owner e solte
Vai aparecer um menu suspenso e você irá selecionar Done.
(figura 02).
Pronto, terminamos com o FlipSideView. Feche o Interface Builder e
agora vamos para o MainView.
Tela principal
Agora vamos trabalhar com a parte gráfica do MainView. De um duplo
clique em cima do arquivo MainView.xib. Coloque o componente
UIImageView e configure-o com sendo 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 personalizados (custom).
Coloque cada botão em cima de cada imagem da home.
(figura 03)
Em seguida, use o botão direito do mouse (ou [Control] + [Clique do
Mouse]) em cima do File's Owner. Isto fará com que um menu suspenço
apareça. Relacione cada botão anteriormente codificado (como vimos na
edição anterior) com o botão que você acabou de inserir.
(figura 04)
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.
(figura 05).
Agora precisamos criar a view que irá exibir o wallpaper selecionado
pelo usuário, chamaremos ela de Zoom. Vá até o Library > Window, Views
& Bars e arraste o componente UIView para MainView.xib. De um duplo
clique nesta view, certifique-se que as dimensões estão corretas (as
famosas 320 x 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 agora 2-Bueno.jpg. Adicione
quatro 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.
(figura 06)
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, acabou. É só fechar o Interface Builder e executar o
aplicativo. Mais uma vez lembramos que o propósito dessa série de
matérias não é que você fique replicando um aplicativo já criado, mas
orientá-lo e, quem sabe, inspirá-lo para que possa criar seus próprios
programas.
Até a próxima.
Ademar Varela desenvolve aplicações para iPhone e mantém um blog em
www.mindbike.com.br/blog.
--
Sérgio Miranda
www.saamiranda.tk
--~--~---------~--~----~------------~-------~--~----~
Você recebeu esta mensagem porque está inscrito no Grupo "devnoneg" nos Grupos do Google.
Para postar neste grupo, envie um e-mail para devnoneg@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para devnoneg+unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/devnoneg?hl=pt-BR
-~----------~----~----~----~------~----~------~--~---
Comments
0 comments to "MAC+ 43 - Xcode"
Post a Comment