Curso Windows Phone – Como adicionar uma imagem de fundo (background) em uma página da APP via XAML

Olá pessoal, tudo bom?

Segue uma dica rápida sobre como adicionar uma imagem de fundo em uma página de uma APP usando o código XAML. Vamos a ela:

Na página do aplicativo que você deseja adicionar uma imagem de fundo, altere o arquivo XAML para que o mesmo fique parecido com o exemplo a seguir:


<phone:PhoneApplicationPage
  ...
  ...
  <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
      <Grid.Background>
        <ImageBrush ImageSource="Imagens/background-page.jpg" Stretch="UniformToFill" />
      </Grid.Background>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
...
...

Repare que a imagem foi adicionada como uma propriedade do Grid que envolve toda a página, dessa forma, todos os demais componentes dessa página da APP ficarão sobre a imagem de fundo que você adicionou, ou seja:

...
...
   <Grid x:Name="LayoutRoot">
      <Grid.Background>
        <ImageBrush ImageSource="Imagens/background-page.jpg" Stretch="UniformToFill" />
      </Grid.Background></pre>
...
...
windows-phone-background-sample

Exemplo de página com background aplicado

Bem, é isso!

Grande abraço,
Eduardo Henrique Rizo

Post relacionado:

Curso Windows Phone Gratuíto – Vários tópicos

Anúncios

Coordenador de Internet da Universidade do Oeste Paulista (Unoeste) e professor universitário de disciplinas relacionadas ao desenvolvimento de sistemas para Web, gerenciamento de servidores, serviços e redes.

Marcado com: , , , , ,
Publicado em Windows Phone
10 comentários em “Curso Windows Phone – Como adicionar uma imagem de fundo (background) em uma página da APP via XAML
  1. […] Como adicionar uma imagem de fundo (background) em uma página da APP via XAML […]

  2. lenny disse:

    Irmãos preciso de ajuda, o meu Lumia 900 com situações no que toca auscultadores, ja fiz o diagnóstico e nada o meu auscultadores mesmo desconectado ele aparece conectado e através disso so consigo falar com auscultadores, eu estou cansado com está situação por favor me ajuda cara.

  3. Davide Santos disse:

    Isso está bom só falta uma coisa a imagem é preta mas se o telefone estiver com o background Branco as letras ficam pretas há alguma forma de dar a volta ao problema?

    • Boa tarde!
      Aí há duas saídas, ou você fixa a letra em uma cor que de para ler ou então verifique qual o padrão de cores que o usuário está utilizando e dependendo da situação você troca a imagem de fundo para uma cor complementar. Entendeu?

      []s
      Eduardo

  4. Davide Santos disse:

    Como sei qual o fundo que ele está a usar??

  5. BOa tarde gostaria de saber qual linguagem de progamação o WP 8 usa? tem um tutorial tipo com os passos a passo para fazer a edição destes códigos , pois estou querendo por um fundo nos menus tipo andoride no meu WP mais não acho APP para isto

    • Olá, tudo bom?
      O desenvolvimento utiliza XAML para desenhar a interface e C# para implementação das classes e seus métodos para controlar as ações da interface, suas carcterísricas bem como a inteligencia da APP.

      Sugiro que você faça os cursos gratuitos do MVA para Windowa Phone. Tenho certeza que usso irá lhe ajudar.

      O endereço do site é http://aka.ms/mva

      Abraços,
      Eduardo H. Rizo

  6. kennedy freire disse:

    cara estou com um problema eu coloco o Código xaml no script no e no modelo fica no entanto quando vou emular ele não aparece.
    Imagem: http://1.bp.blogspot.com/-kNncf9PxpSg/UzQSo08tCoI/AAAAAAAACYs/EYgCdcKkg9s/s1600/Untitled-1.png

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

Sorocaba e Região
Prestadora de serviços RIZZO GS - Sorocaba/SP

Serviços de limpeza, conservação, recepção, copa, portaria, vigia, zeladoria, jardim, elétrica, hidráulica, pintura, etc.

Contato: (15) 3357-4263 / (15) 3357-4502 - contato@rizzogs.com.br

Website: http://www.rizzogs.com.br

%d blogueiros gostam disto: