Nokia N97 Homescreen

Home screen do Nokia N97 apresenta miniviews dos widgets Facebook, Friendster, Ovi Share e MySpace.

O home screen do Symbian S60 habilitado com widgets foi introduzido pelo Nokia N97. A tela inicial do aparelho recebe widgets (ou miniviews) que funcionam como atalhos para funcionalidades do aparelho e versões resumidas de aplicativo, como o Facebook, MySpace, Friendster e Ovi Share na imagem acima. As próximas versões do Symbian – Symbian^3 e Symbian^4 – estão sendo projetadas para ampliar as capacidades de suporte de widgets na home screen, bem como múltimas home screens.

Miniview dos widgets WRT

Os widgets em WRT são suportados nativamente na home screen, que exibe o miniview. Para usá-las, basta habilitar o parâmetro MiniViewEnabled no info.plist.

<key>MiniViewEnabled</key>
        <true />

O miniview é sempre exibido no tamanho 309 x 85px.

A capacidade de interação do miniview é restrita, ele nada mais é que um atalho para o widget em tela cheia. O conteúdo do miniview pode ser atualizado dinamicamente através de Javascript, mas não é possível habilitar botões ou links dentro da área do miniview.

Implementação

O miniview nada mais é que o widget WRT exibido numa área menor de tela, isto é, não é uma aplicação a parte e portanto é incorporado ao mesmo html principal do widget. Para obter melhor controle sobre esse viewport é recomendado estruturar o html separando o miniview do widget:

<body>
    <div id="miniview>
        (conteúdo miniview)
    </div>
    <div id="mainview">
        (conteúdo do widget)
    </div>
</body>

Para controlar a exibição dessas duas view é recomendado utilizar a diferenciação de alturas do viewport:

view_control: function(){
    var miniview = document.getElementById("miniview");
    var mainview = document.getElementById("mainview");
    var screenheight = window.innerHeight;
    if (screenheight < 200) {
        miniview.style.display = "block";
        mainview.style.display = "none";
    }
    else {
        miniview.style.display = "none";
        mainview.style.display = "block";
    }

}

Testes

Há diversos modos de se testar os miniviews:

Além de diretamente no browser.

Quer mais?

Não é do escopo dessa série de artigos tratar de Javascript, contudo há uma extensa lista de entradas no wiki do ForumNokia que podem te auxiliar nesse ponto. Mais artigos e entradas de wiki que tratam sobre home screen widgets e miniview: