Controles de layout do Silverlight: Tutorial de desenvolvimento de aplicativos do Windows Phone - Parte 16

Índice:

Controles de layout do Silverlight: Tutorial de desenvolvimento de aplicativos do Windows Phone - Parte 16
Controles de layout do Silverlight: Tutorial de desenvolvimento de aplicativos do Windows Phone - Parte 16

Vídeo: Controles de layout do Silverlight: Tutorial de desenvolvimento de aplicativos do Windows Phone - Parte 16

Vídeo: Controles de layout do Silverlight: Tutorial de desenvolvimento de aplicativos do Windows Phone - Parte 16
Vídeo: papel transfer, aperlado y opalina en Impresoras Epson . - YouTube 2024, Marcha
Anonim

Depois de aprender sobre o XAML, como parte desta série de tutoriais, vamos aprender sobre Controles de layout do Silverlight. Dispor os controles durante a criação de um site é muito difícil, pois há vários navegadores e devido a diferentes resoluções de tela, mas ao projetar o aplicativo para o Windows Phone, como desenvolvedor, será mais fácil estabelecer controles conforme o Windows Phone OS requisitos de tela predefinidos.

Agora vamos ver cada um dos controles de layout. Todos os controles de layout podem ser arrastados da barra de ferramentas para a tela de designer.

Grade:

O controle de grade é projetado para permitir que você adicione um número de linhas e colunas e, em seguida, coloque controles nessas células de acordo. Você pode definir as linhas e colunas através do código ou usando a própria área do designer. As tags inicial e final criarão uma grade. () agora, uma vez definida a grade, você pode adicionar este código para adicionar várias linhas e colunas.

Posteriormente, você pode adicionar várias colunas ou linhas, conforme necessário. O asterisco (*) indica que a coluna / linha filho deve receber qualquer espaço adicional, se houver! Há muitas propriedades com as quais você pode brincar para obter a funcionalidade esperada.

Você também pode criar linhas e colunas clicando na borda da grade no comprimento desejado. Isso é muito mais fácil, não é? Depois de criar a grade, você pode colocar controles entre as células apenas mencionando as propriedades grid.row e grid.column. (Lembre-se de valores para essas propriedades começam de 0).
Você também pode criar linhas e colunas clicando na borda da grade no comprimento desejado. Isso é muito mais fácil, não é? Depois de criar a grade, você pode colocar controles entre as células apenas mencionando as propriedades grid.row e grid.column. (Lembre-se de valores para essas propriedades começam de 0).

Painel de pilha:

O painel de pilha é bem simples. Todos os controles colocados no painel de pilha são exibidos na pilha vertical. Depois de criar um painel de pilha, você pode simplesmente adicionar controles entre as tags inicial e final do painel de pilha.

Image
Image

Tela de pintura:

O Canvas permite que você coloque controles na tela onde quer que eles apareçam. Então, ao invés de margin, a propriedade catch é usada. Mas a tela tem uma falha na renderização, como se a dimensão das alterações do telefone ou a orientação do telefone fosse alterada, podendo produzir alguns resultados indesejados.

Veja aqui, nós definimos a posição do bloco de texto usando a propriedade anexada da tela. Então, agora, se você mover nossa tela, os controles se moverão junto com ela.

Recomendado: