Modelos de item para layouts de grade (HTML)

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente ]

Conheça os modelos de item que você pode usar com um ListView que tem um layout de grade. Para os modelos projetados para o layout de lista, veja Modelos de item para layouts de lista.

Cada modelo contém estas informações:

• O HTML que define um WinJS.Binding.Template e um ListView que usa o modelo.
• Estilos CSS para o modelo.

Para usar o modelo, copie o código HTML e os estilos CSS em seu projeto. O HTML inclui um ListView que foi criado para ser usado com o modelo. Depois de copiar o HTML, defina os itemDataSource do controle ListView em suas fontes de dados de aplicativo e atualize os atributos data-win-bind do modelo para que eles funcionem com seus dados.

Esta seção contém estas seções:

Nesta seção

Tópico	Descrição
Modelo de ícone e texto (aplicativos)	Define um item que representa um item. O item contém um ícone e o texto descritivo.
Modelo de imagem (galeria)	Define um item em uma galeria de imagem.
Modelo de imagem (cesta de galeria)	Define um item em uma cesta da galeria de imagem.
Modelo de sobreposição de imagem (álbum)	Define um item que mostra as informações do álbum: uma imagem do álbum, informações sobre o álbum e o artista.
Modelo de sobreposição de imagem (pasta de galeria)	Define um item para uma pasta em uma galeria de imagem.
Modelo de sobreposição de imagem (visualização)	Define um item que contém uma imagem, uma seção com texto grande e uma seção com texto pequeno.
Modelo de imagem e texto (coleção)	Define um item que contém uma imagem, um cabeçalho grande, um subcabeçalho, e o texto do corpo.
Modelo de imagem e texto (arquivo de lista)	Define um item que representa um arquivo: um ícone, o nome, a data e seu tamanho.
Modelo de texto (faixa de álbum)	Define um item que contém o número e o título de uma faixa de álbum.
Modelo de bloco de texto (aterrissagem)	Define um item que representa um bloco. O item contém uma seção com texto em negrito mais largo e uma seção com um texto menor.
Modelo de bloco de texto (pasta de lista)	Define um item que representa um bloco. O item contém um cabeçalho.