Interacção com o Utilizador

Transcrição

1 Interacção com o Utilizador User experience (UX)

2 Sumário Aplicação ios Ciclo de Vida View Controllers Navigation Controllers TableViews

3 Aplicação ios - Conceitos Base usa a framework UIKit tem sempre a mesma arquitectura de base: mudam os componentes que são usados e os comportamentos associados

4 Aplicação ios - Ciclo de Vida UIKit Código delegate da aplicação Utilizador clica no ícone da aplicação main() UIApplicationMain() Ciclo de Eventos Sistema pede que saia do foreground application: didfinishlaunchingwithoptions: handle event applicationwillresignactive: Aplicação passa para background applicationdidenterbackground: Copyright Catarina Reis - Instituto Politécnico de Leiria

5 Aplicação ios - Estados e Transições Lançar a aplicação parada activa inactiva application: didfinishlauchingwithoptions: applicationdidbecomeactive: applicationdidenterbackground: background suspensa

6 Aplicação ios Modo Activa Depois do método applicationdidfinishlaunching Aplicação entra em ciclo contínuo de execução cria uma pool de autorelease espera por eventos actualiza o ecrã com os dados novos esvazia a pool de autorelease

7 Aplicação ios - Estados e Transições Enviar para background parada activa applicationwillresignactive: applicationdidenterbackground: inactiva background suspensa

8 Aplicação ios - Estados e Transições Lidar com interrupções parada activa applicationwillresignactive: posso inactiva interromper? NO: applicationdidbecomeactive: YES: applicationdidenterbackground: background suspensa

9 Aplicação ios - Estados e Transições Retomar a execução parada activa applicationwillenterforeground: applicationdidbecomeactive: inactiva background suspensa

10 Aplicação ios - Estados e Transições Terminar a aplicação parada activa applicationwillterminate: inactiva background suspensa

11 Demonstração Ciclo de Vida de uma Aplicação ios

12 Aplicação ios Olá Mundo! Olá, <nome>! escreve-se um nome numa caixa de texto, clica-se no botão e a aplicação apresenta o cumprimento. ingredientes: um campo de texto, um botão e uma label. Objectivos: utilizar o Xcode para criar e gerir projectos trabalhar com a entrada de dados controlos de UI standard conhecer os padrões de desenho de base ao desenvolvimento de software ios

13 Aplicação ios Olá Mundo! passos: 1. Criar um projecto (View-based application) 2. Configurar uma view 3. Implementar o view controller

14 Demonstração Aplicação Olá Mundo!

15 Padrões de Desenho Delegation um objecto envia uma mensagem a outro (delegado) solicitando dados de entrada ou para notificar que há eventos a decorrer. alternativa à herança para estender a funcionalidade de objectos reutilizáveis. os métodos delegados estão normal/ associados em protocolos que depois serão adoptados/cumpridos pelas classes.

16 Padrões de Desenho Target-Action um objecto que apresente um controlo (ex: botão) em relação a um clique do utilizador envia uma mensagem (action acção) para um objecto target (alvo-destino) que a interpreta e age de acordo com as instruções da aplicação.

17 Padrões de Desenho Model-View-Controller modelo representação conceptual dos dados da aplicação centralização que permite a apresentação da mesma informação em várias vistas vista sabem como apresentam a informação visualmente controlador objectos que fazem a mediação/comunicação entre o modelo e as vistas. exemplo: uma vista sobre uma ficha pessoal de um indivíduo permite que as alterações sejam efectivamente conduzidas no modelo e que todas as vistas interessadas sejam informadas.

18 MVC should;will;did target listening Controlador notifications count outlet action Modelo Vista

19 Connections Ligações Outlets permite tratar um objecto gráfico (ficheiro nib) como uma propriedade/atributo IBOutlet Actions implementação de listeners e callbacks IBAction exemplo: TextField s delegate connection (definido como outlet e implementado como action adoptando o protocolo UITextFieldDelegateprotocol)