Com uma ferramenta dessas, é muito prático e fácil montar essa estrutura de leitura. Utilizaremos agora a versão mais atualzada desde este post.
Trata -se do Expression Blend 2 September Preview Clique aqui para baixar.
É necessário tb possuir os seguintes requisitos:
- Windows Vista
- Microsoft Windows® XP c/ Service Pack 2 (SP2)
Requisitos Mínimos:
- Processador Intel® Pentium® ou AMD processor, 1 GHz c/ MMX ou similar
- 512 MB deRAM
- 350 MB disponível em seu HD
- DirectX® 9
- 1024 x 768 de resolução c/ 24 bit de cores
Recomendado:
- Processador Intel® Pentium® ou AMD processor, 2 GHz c/ MMX ou similar
- 1 GB de RAM
- Microsoft DirectX® 9.0 c/ 256 de MB de vídeo ou superior
fig.01 - Detalhes sobre o Blend 2
Bom, agora vamos nos centerertir um pouco. Vamos criar agora um novo projeto no Blend 2:
fig.02 - Imagem de criação de um novo projeto
fig.03 - Janela de criação de um novo projeto
fig.04 - Detalhes da janela de criação de um novo projeto
- Selecionando WPF Application (.exe)
- Nome do projeto: Defini o nome do projeto como CRM_Reader_MSDN. Esse título pode ser a sua escolha
- Aonde vamos salvar o projeto. Você pode definir no local de sua preferência
- Linguagem de programação principal. Eu particularmente defini como Visual Basic. Sendo este também a sua escolha.
Em seguida, abrirá a área de trabalho aonde iremos trabalhar.
fig.05 - Área de trabalho do Blend
Note que abaixo da aba Project, Existe uma opção chamada Data, que será o responsável para capturarmos o RSS definido como exemplo. Nós iremos utilizar a opção +XML para pegar a URL.
fig.06 - Detalhes da captura do XML
- Indicação para captura do XML.
Quando essa parte é clicada, uma janela abre-se para colocarmos o endereço do RSS:
fig.07 - Janela de input da URL
fig.08 - Janela de input da URL já digitada
Note que ao lado da área de trabalho, aparece os detalhes do RSS capturado, mostrando, os detalhes da cada TAG XML do RSS escolhido. Expandindo cada ponto você verá toda a estrutura RSS mantendo, na maioria das vezes o padrão W3C.
fig.09 - Detalhes das TAGS XML do RSS
Vamos expandir a TAG image:
fig.10 - Expansão da TAG image
Agora vamos fazer o seguinte, Clique com o mouse na TAG url dentro da TAG image e arraste até sua área de desenho do Blend 2 (conhecido como Canvas):
fig.11 - Arrastando a TAG url dentro de image para o Canvas
- Expansão da TAG Image
Nisso, abrirá uma nova janela para você colocar certas opções. Nessa primeira parte, vamos inserir uma imagem de RSS dentro de nosso Canvas para criarmos um cabeçalho para o programa
fig.12 - Aplicando a imagem dentro do Canvas
Agora vamos dar um Bind no Canvas. Ao abrir essa janela selecione a opção Image. Teoricamente estamos aplicando uma url de imagem do RSS para que ela fique em nosso Canvas. Mais uma janela se abrirá para você aplicar o que define na imagem. Na parte Select Field selecione a opção Source e clique em ok
fig.13 - Detalhes do Data Binding
Pronto! A imagem foi inserida no Canvas. Em muito breve (daqui dois dias no máximo) colocarei o resto desse tutorial para montarmos o software por completo.
Espero que tenham gostado
fig.14 - Imagem inserida no Canvas
Abaixo é código que foi feito em XAML até o momento:
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Window1"
x:Name="Window"
Title="Window1"
Width="640" Height="480" xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Window.Resources>
<XmlDataProvider x:Key="rssDS" d:IsDataSource="True" Source="http://rss.terra.com.br/0,,EI6501,00.xml"/>
</Window.Resources>
<Grid x:Name="LayoutRoot">
<Image Margin="119,194,313,59" Source="{Binding Mode=Default, Source={StaticResource rssDS}, XPath=/rss/channel/image/url}"/>
</Grid>
</Window>
Obs.: Todas as imagens utilizadas, tb como a edição HTML desse post foi feito com Microsoft Expression Design e Microsoft Expression Web respectivamente.
Márcio Agnelo
marcioagnelo@gmail.com
Web Development Coordinator
