Primeiro contato com o Windows Phone

A estrutura da interface do usuário do Windows Phone oferece objetos, eventos e interações consistentes com o sistema. Você pode usá-los para criar experiências incríveis e naturais nos aplicativos para os usuários. Este tópico analisa cada parte da estrutura e discute como elas podem ser usadas ou adequadas à interface do usuário do aplicativo.

A figura a seguir mostra o estado real da tela do Windows Phone quando um aplicativo está em execução.

Tela do Windows Phone

Barra de status

A barra de status é um indicador que exibe informações sobre o status no nível do sistema de forma simples e prática dentro de uma área reservada do espaço de trabalho do aplicativo. Ela é automaticamente atualizada para oferecer diferentes notificações e manter os usuários cientes do status no nível do sistema, exibindo as seguintes informações (na ordem, da esquerda para a direita):

• Força do sinal
• Conexão de dados
• Encaminhamento de chamadas
• Roaming
• Força do sinal da rede sem fio
• Status do Bluetooth
• Modo de toque
• Status de entrada
• Nível da bateria
• Relógio do sistema

Barra de status

Observação  A barra de status é reservada pelo sistema e não pode ser modificada (embora você possa atualizar o indicador de progresso). Ela pode ser oculta, mas muitos usuários veem o relógio do sistema como um recurso essencial, portanto, pense bem antes de ocultá-la.

Você pode deixar a barra de status opaca ou transparente e também pode alterar as cores do plano de fundo e do primeiro plano.

Espaço do aplicativo

A área da tela principal é reservada para seu aplicativo. A interface do usuário pode ser apresentada em modo de paisagem ou de retrato. Você pode usar a tela inteira se a barra de status não estiver sendo mostrada.

Barra de aplicativos

A barra de aplicativos consiste em um local para exibir até quatro tarefas comuns de aplicativos como ícones de botões.

Ela oferece uma exibição dos ícones de botões com dicas de texto e um menu estendido opcional quando o usuário toca no indicador visual dos pontos sequenciais ou mexe a barra de aplicativos para cima.

Essa barra sempre fica na mesma extremidade da tela que os botões de direção (Voltar, Iniciar e Pesquisar) e se estende para a tela cheia quando no modo de retrato ou de paisagem. Os ícones de botões também giram para se alinhar à orientação do telefone.

Os botões da barra de aplicativos podem ser exibidos em estado ativado ou desativado. Um exemplo de botão desativado seria o botão Excluir nos cenários somente leitura.

A altura da barra de aplicativos no modo de retrato, bem como sua largura no modo de paisagem, é fixa e não pode ser modificada. Ela pode ser definida para ser exibida ou oculta.

Você pode minimizar a barra de aplicativos, e isso altera sua altura e sua largura. Você pode exibir e ocultar a barra de aplicativos. Você também pode deixá-la transparente e mudar sua cor.

Menu da barra de aplicativos

O menu da barra de aplicativos oferece uma maneira opcional para que os usuários acessem tarefas específicas da barra de aplicativos. O usuário pode acessar o menu da barra de aplicativos tocando no indicador visual ou nos pontos sequenciais na barra, ou ainda, mexendo-a para cima. Para descartar essa exibição, basta que ele toque fora da área do menu ou nos pontos, use o botão Voltar, ou ainda, selecione um item de menu ou um ícone da barra de aplicativos.

Para evitar que o usuário precise ficar rolando pela área, use no máximo cinco itens de menu.

Menu da barra de aplicativos

Observação  Se não houver nenhum item de menu, serão exibidas apenas as dicas de texto dos ícones. O menu da barra de aplicativos permanece na tela até que o usuário execute uma ação.

Iniciar

A tela inicial é o começo da experiência do Windows Phone para os usuários logo que eles ligam o telefone. É nela que são exibidos os blocos de aplicativos, fixados pelo usuário na posição que ele escolher para um rápido acesso. Ao pressionar o botão de hardware Iniciar no telefone, o usuário sempre retorna para a tela inicial, não importa qual aplicativo ele estava usando.

O recurso de Notificação de Bloco pode atualizar o texto de título ou o gráfico do bloco na frente ou atrás do bloco. Ele também pode incrementar um contador, permitindo que o usuário crie uma experiência personalizada na página inicial. Ele pode, por exemplo, exibir quantas mensagens de email o usuário recebeu, quando é sua vez de jogar ou como está o clima.

A página inicial é sempre apresentada em modo de retrato.

Iniciar

Observação  A tela inicial é um espaço reservado onde os usuários podem colocar os blocos. Os dispositivos Windows Phone vêm com blocos pré-posicionados instalados pela Microsoft, pelo fabricante do telefone e pelo provedor do serviço. Os aplicativos também podem colocar os blocos nessa área, mas os usuários são alertados disso pelo sistema, navegando até a tela inicial quando um novo bloco é posicionado lá.

Orientações da tela

O Windows Phone oferece suporte a quatro orientações de tela: retrato, paisagem, paisagem invertida e retrato invertido.

Nas exibições em modo de retrato: a página é orientada verticalmente com os botões de direção (Voltar, Iniciar e Pesquisar) aparecendo na parte inferior do telefone (na parte superior no modo retrato invertido), sendo que a altura da página é maior que a largura. O modo retrato é a exibição padrão dos aplicativos.

Orientações da tela

Nas exibições em modo de paisagem: a barra de status e a barra de aplicativos permanecem nas laterais da tela. O modo paisagem traz a barra de status à esquerda, e a exibição paisagem invertida traz a barra de status à direita.

A barra de status fica maior em ambas as exibições de paisagem. Isso acontece porque os indicadores giram e o maior precisa ser acomodado.

A orientação da tela muda conforme essas ações.

Não existe uma forma programática de alternar as orientações porque essa propriedade é definida para somente leitura, mas é possível definir uma orientação fixa. Os efeitos de animação de transição da tela são reproduzidos quando a rotação ocorre.

Um aplicativo pode definir uma exibição de orientação estática ou oferecer suporte a várias orientações usando a propriedade AutoRotationPreferences. Para saber mais, veja Navegação no aplicativo para o Windows Phone.

Os componentes do sistema que detectam a exibição em modo de paisagem dentro do aplicativo são a barra de status, a barra de aplicativos, o menu da barra de aplicativos, a exibição de Volume/Toque/Vibração, as notificações por push e as caixas de diálogo.

Observação  

Se o usuário abrir o teclado de hardware horizontal quando a tela estiver no modo de retrato, a orientação será alterada para um dos modos de paisagem. Os aplicativos que usam muito o recurso de entrada de texto devem oferecer suporte a ambos os modos de retrato e de paisagem para aproveitar os dispositivos com teclado de hardware horizontal.

Recomendamos que você evite criar experiências com entrada de texto muito pesadas em modo paisagem.

Botões de hardware

O Windows Phone possui vários botões de hardware posicionados ao redor do dispositivo. Cada botão oferece uma função única que pode ajustar ou causar algum impacto no aplicativo em execução. O local exato dos botões pode variar dependendo do fabricante do aparelho.

1. Energia/suspensão
2. Aumentar e diminuir volume
3. Câmera
4. Voltar
5. Iniciar
6. Pesquisar

Os botões Voltar, Iniciar e Pesquisa podem ser implementados opcionalmente como botões de toque capacitivos pelo fabricante do telefone.

Botões de hardware

Para saber mais sobre como cada botão pode afetar a interface do usuário, consulte as descrições específicas de cada botão, mais adiante neste tópico.

Botão Iniciar

Quando um usuário pressiona o botão Iniciar, ele é levado à tela inicial da interface do usuário do telefone. Se um aplicativo estiver em execução, ele receberá um evento para ser pausado.

Botão Pesquisar

O botão de hardware Pesquisar inicia a experiência de pesquisa do Bing para que o usuário encontre conteúdo em qualquer lugar do dispositivo.

Você não pode modificar ou alterar o comportamento do botão Pesquisar. No entanto, seu aplicativo pode implementar seu próprio botão de pesquisa e executar uma busca dentro do aplicativo, ou ainda, iniciar a pesquisa do Bing usando a classe Launcher.

Botão Voltar

O botão de hardware Voltar é usado para navegar de volta nas páginas (ou telas) dentro de um aplicativo ou entre vários aplicativos. Por padrão, o ambiente oferece suporte ao botão Voltar, mas os aplicativos podem ignorar o comportamento dele. Além disso, o botão Voltar pode ser usado para fechar menus e caixas de diálogo, para navegar para uma página anterior, para sair de uma operação de busca ou até mesmo alternar entre aplicativos. No entanto, o uso principal dele é para navegar da página atual para a página anterior.

Para saber mais sobre o modelo de navegação de página do Windows Phone, consulte Navegação, orientação e gestos do Windows Phone.

Observação importante: Para ser aprovado na certificação e se tornar elegível para a lista da Windows Phone Store, seu aplicativo deve atender diversos requisitos relacionados ao uso do botão Voltar. Para saber mais, veja Requisitos técnicos para a certificação da Windows Store.

O botão Voltar não funciona como tecla Backspace para excluir entradas de texto.

Botão de volume

Os botões de hardware de volume são usados para ajustar o volume da chamada (se houver uma chamada ativa) ou o volume geral do dispositivo (caso não haja uma chamada ativa), o que inclui músicas, rádio, vídeos, aplicativos, tons de toque e o som do sistema.

Quando o usuário pressiona algum dos botões de volume, o controle de volume é exibido e se sobrepõe na parte superior da tela. O volume também pode conter controles de transporte de áudio, como Anterior e Próximo, se um reprodutor de mídia estiver ativo. Ele sempre contém um controle para ativar ou desativar a configuração do toque. Esse controle afeta a reprodução de sons do sistema que podem ser controlados pelo usuário na tela Configuraçõesde toques e sons.

Se o telefone estiver bloqueado, os botões de volume ainda ficarão ativos durante a reprodução de mídia ou a realização de uma chamada.

Esses botões operam em todo o sistema, e as configurações de volume são válidas para os aplicativos. Isso significa que os desenvolvedores não podem definir volumes mais altos do que as configurações do usuário, nem podem anular o mudo.

Quando o usuário pressiona e segura um botão de volume, o efeito é de repetição do pressionamento do botão, aumentando ou reduzindo incrementalmente o volume, dependendo do botão pressionado.

Ao receber uma chamada, se o usuário tocar em algum dos botões de volume, o toque será silenciado.

Os agentes de áudio de segundo plano podem alterar quais controles de reprodução serão ativados. Eles também podem alterar o título e o artista da música que estiver sendo reproduzida.

Você pode controlar o volume do fluxo de áudio que fornece ao sistema, inclusive para ativar o mudo.

Botão da câmera

O botão da câmera consiste em um botão de ação dupla que oferece suporte aos modos de pressão total e parcial. Quando um usuário pressiona totalmente o botão, o telefone inicia o aplicativo de câmera. Se ele pressionar parcialmente o botão depois que a câmera estiver aberta, o recurso de foco automático será ativado.

No aplicativo da câmera, se o usuário pressionar o botão da câmera, uma foto será tirada quando estiver no modo de câmera ou um vídeo será gravado quando estiver no modo de vídeo.

Quando o dispositivo estiver em modo de espera (tela apagada) ou bloqueado e o usuário pressionar e segurar o botão da câmera por mais de um segundo, o aplicativo da câmera será iniciado.

Os aplicativos podem iniciar o aplicativo da câmera de forma programática usando a classe CameraCaptureUI.

Você pode anular os botões da câmera se estiver usando o feed de câmera bruta. Para saber mais, consulte Como acessar o botão do obturador da câmera do hardware no Windows Phone.