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

Publicado por ehrizoem

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

  3. Maicon Paixao diz:

    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?

    Responder
    1. Eduardo H. Rizo diz:

      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

      Responder
  4. Maicon Paixao diz:

    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?

    Responder
    1. Eduardo H. Rizo diz:

      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

      Responder

Deixe um comentário