Criando Tiles no Windows Phone 7
22/07/2011
Fala galera, beleza? Uma das coisas bacanas do Windows Phone 7 é a idéia de "Live Tiles" que nada mais são do que informações sobre nossas apps na home do aparelho. O conceito de live/vivo vem da idéia de que podemos manter os Tiles atualizados, exibindo informações, mesmo se nossa app estiver fechada. Cool hã?(se você ainda não sabe nada do Windows Phone 7 leia estes posts, e visite esta página no MSDN.aspx))
Criando Tiles no Windows Phone 7
Criar Tiles no Windows Phone 7 é muito, mas muito simples mesmo (o modelo de desenvolvimento do WP7 é sensacional).
Criando o background para seu tile do Windows Phone 7
Primeiro vamos criar uma imagem para o nosso tile. As imagens para tiles devem seguir alguns padrões, confira aqui..aspx)Como eu sou bem preguiçoso eu apenas criei uma imagem 173x173 pixels no paint mesmo(salve como png).
Criando Tiles via C
Agora vamos criar uma app para Windows Phone 7 no Visual Studio.Primeiro adicione sua imagem ao projeto e marque suas propriedades como abaixo:
Feito isso só nos resta criar o código para configurar nosso tile. Insira o código abaixo no construtor da sua MainPage por exemplo:
public void CreateApplicationTile() {
var meuTile= ShellTile.ActiveTiles.First();
if(meuTile!= null) {
var standardTile = new StandardTileData { Title = "Título Tile", BackgroundImage = new Uri("arroba.png", UriKind.Relative), Count = 7 }
;
meuTile.Update(standardTile);
}
}
Explicando: na linha 2 obtemos um objeto do tipo ShellTile.aspx). Sempre existirá um tile para nossa aplicação, por isso podemos pegar o first neste caso.Na linha 5 criamos um objeto do tipo StandardTileData.aspx) que é responsável por armazenar as informações de um Tile, ou seja é o ViewModel do tile.Neste caso estamos configurando 3 propriedades do nosso tile: Title, BackgroundImage e Count.
Se sua aplicação não faz uso de informações como Count basta deixar seu valor como 0 e então esta informação não será exibida.
Pin to Start
Como nós não somos intrusos, o tile está definido mas falta fixá-lo na home do nosso device. Para fazer isso basta pressionarmos o ícone da nossa app no Windows Phone e escolher a opção "pin to start":
E lá está nosso tile criado e na start page do Windows Phone 7:
Resumo
Tile é um recurso bastante interessante do Windows Phone 7. Preste bastante atenção ao guia sobre as cores e padrões para a criação dos tiles pois eles devem funcionar perfeitamente com qualquer esquema de cores que esteja sendo utilizado no phone.Nos próximos posts veremos como criar backtiles e como atualizar as informações do nosso tile utilizando Tile Push Notifications.Estas informações iniciais do seu tile como Title e BakcgoundImage podem ser definidas sem a necessidade de código, veja aqui no MSDN.aspx).
Abraços, Vinicius Quaiato.
