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

[twitter-follow screen_name=’eduardorizo’ show_count=’yes’]

Post relacionado:

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

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

  1. Pingback: Free: Curso Windows Phone – Vários tópicos « Blog do Eduardo H. Rizo

  2. 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. 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?

    1. 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. 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

    1. 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

Deixe um comentário