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

8 comentários em “Curso Windows Phone – Como exibir imagens a partir de URLs da Internet”

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

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

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

    1. Olá Maicon, tudo bom?
      O post que vou lhe indicar não está exatamente relacionado ao seu problema, mas vai servir para você.
      Basicamente temos que ir até o gerenciador do Hyper-V e remover os comutadores virtuais associados ao WP. Feito isso, execute novamente o Visual Studio e coloque tua APP para rodar. Aceite as perguntas que o Visual Studio irá lhe fazer e pronto.

      Leia os detalhes no post: http://www.eduardorizo.com.br/2014/01/27/the-windows-phone-emulator-wasnt-able-to-connect-to-the-windows-phone-operating-system/

      Abraços,
      Eduardo H. Rizo

Deixe um comentário