Curso Windows Phone – Como exibir imagens a partir de URLs da Internet

Olá pessoal, tudo bom?

Através deste post, demonstro como exibir em sua aplicação Windows Phone imagens oriundas de URLs de sites da Internet. O método é bastante simples, vejam o exemplo abaixo:

O código XAML a seguir demonstra um trecho de código, onde um dos elementos é o elemento Image. Veja os detalhes da declaração desse elemento na linha 7:

...
<!--ContentPanel - place additional content here-->
<ScrollViewer Grid.Row="1">
  <StackPanel x:Name="ContentPanel" Grid.Row="1" Margin="2,0,12,0">
    <TextBlock Text="Título" x:Name="tblTitulo" TextWrapping="Wrap" Style="{StaticResource PhoneTextAccentStyle}" FontSize="22" Margin="0,0,0,0" />
    <TextBlock Text="Data" x:Name="tblData" Foreground="{StaticResource PhoneSubtleBrush}" />
    <Image Name="imgThumb" Height="150" />
    <TextBlock Text="Sumário" x:Name="tblSumario" TextWrapping="Wrap" Height="Auto" />
    <TextBlock Text=" " />
    <HyperlinkButton Content="Leia mais no site do Blog..." TargetName="_blank" Height="Auto" Name="hlbGoto" HorizontalAlignment="Left" />
  </StackPanel>
</ScrollViewer>
...

Já na classe C#, vinculada ao documento XAML demonstrado acima, declare um método que receba a URL da imagem que se deseja exibir e faça o carregamento da mesma conforme segue:

...
using System.Windows.Media.Imaging;
...
...
private void CarregarImagem(string urlImagem)
{
  Deployment.Current.Dispatcher.BeginInvoke(() =>
  {
    ImageSource imgSource = new BitmapImage(new Uri(urlImagem, UriKind.Absolute));
    imgThumb.Source = imgSource;
  });
}
...

Como resultado, teremos a imagem especificada na URL, sendo exibida no elemento Silverlight Image denominado imgThumb.

Por agora é só !

Grande abraço,
Eduardo Henrique Rizo

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

Post relacionado:

Curso Windows Phone – Tópicos

Marcado com: , , ,
7 comentários sobre “Curso Windows Phone – Como exibir imagens a partir de URLs da Internet
  1. com.au disse:

    Hurrah, that’s what I was seeking for, what a data! existing here at this blog, thanks admin of this site.

  2. Maicon Paixao disse:

    Ola Eduardo, primeiramente parabéns pelo blog, a respeito da inclusão de imagens a partir de uma url, fiz como sugerido acima, porem ao incluir no projeto, a imagem não é exibida no emulador, mesmo quando o a url da imagem é incluída no source no arquivo XAML a imagem aparece no visualizado do visual studio porem não aparece no emulador.
    É necessário inclusão de alguma biblioteca ou alguma outra configuração para que a imagem apareça no emulador?

    • Maicon, eu já vi isso acontecer uma vez e o problema era o seguinte: O emulador não estava conseguindo acessar a Internet.
      Faça o seguinte teste: Quando o emulador estiver aberto, tente executar o Internet Explorer dele e veja se você consegue navegar…

      Qualquer coisa, me avise.

      []s
      Eduardo

  3. Maicon Paixao disse:

    Ola Eduardo, Aparentemente é esse o problema, não consegui acessar a internet pelo emulador, teria algum passo a passo para configuração de rede do Hyper_v?

  4. Ola Eduardo, gostaria de saber se esse metodo funciona tambem com imagens salvas no projeto.

1 Pings/Trackbacks para "Curso Windows Phone – Como exibir imagens a partir de URLs da Internet"
  1. […] Curso Windows Phone – Como exibir imagens a partir de URLs da Internet […]

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

*