Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

Mobile Design Pattern: Rolagem

From Wiki
Jump to: navigation, search
Article Metadata

Artigo
Tradução:
Por maiconherverton
Última alteração feita por lpvalente em 16 Jan 2012


Rolagem ('Scrolling') é definida como um deslizamento de texto, imagens, vídeos, etc, em uma página da Web, aplicativo ou um documento, que não podem ser totalmente mostrados de úma só vez na tela, no momento. Neste artigo utilizaremos a aplicação Opera mini como um exemplo para ilustrar ambos os tipos de rolagem. O navegador Opera Mini, possui ambos os tipos de rolagem, disponíveis para os seus usuários.

Dois tipos de esquema de rolagem podem ser empregados,

  • Rolagem contínua
  • Rolagem Página-por-página


Rolagem contínua

A rolagem contínua é necessária para evitar o movimento ou deslizamento descontínuo, ou em outras palavras - para evitar saltos. Por exemplo, como mostrado na imagem abaixo, a página move-se para cima gradativamente, quando o usuário a rola, ao pressionar ou tocar, ser for o caso, a tecla para baixo( Down key) ou a barra de rolagem. Da mesma forma a página seria rolada para baixo quando o usuário pressiona a tecla para cima( Up key).

Continuous Scrolling.jpg


Rolagem página por página

Quando um usuário necessita de realizar uma rolagem de página rapidamente, para baixo ou para cima, a rolagem página por página é preferível em relação a rolagem contínua. Na rolagem página por página, quando o usuário rola, a tela se move para cima ou para baixo, respectivamente, tela por tela. Por exemplo, como mostrado na imagem abaixo, quando o usuário pressiona a tecla para baixo a tela se move para baixo.

PagebyPage Scrolling.jpg

This page was last modified on 16 January 2012, at 16:48.
217 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×