Jan 21

Introdução ao WPF

Escrito por Flavia Moreira em 1, 3d, 4, 6, AR, Animações, Artigo, Artigos, BI, BlogWPF, C#, Desenvolvimento, Desktop, Expression Blend, Gráfico, IE, O, RIA, Review, Ria’s Geral, TAT, Tema, Tutorial, UI, Visual Studio, Visual Studio 2008, Vídeo, WPF, Wordpress, XAML, blog, class, dados, framework, html, if, int, interface, mg, on, programação, silverlight, site, web, window, windows @ 01 21st, 2010 | via http://flamoreira.wordpress.com | Sem comentários

O Windows Presentation Foundation (WPF), antes conhecido como Avalon é um subsistema gráfico desde a versão do Net. Framework 3.0. O WPF usa uma linguagem de marcação conhecida como XAML (eXtended Aplication Markup Language, a pronúncia é “zémel”) para o desenvolvimento de GUIs (Interfaces) ricas, possibilitando unificar interface 2D e 3D, documentos fixos, animações, vinculação de dados, áudio, vídeo, entre outras. Uma aplicação WPF pode ser implementada em ambiente desktop ou hospedada em site da web. Entretanto, nos dias atuais, tem-se o Silverlight, que é um subsistema do WPF, o qual é voltado totalmente para Web e consequentemente, espera-se que em versões futuras esteja suscetível para o desenvolvimento de dispositivos móveis.

Neste tutorial vamos construir a primeira aplicação com WPF, utilizando o Visual Studio 2008 e a linguagem de programação C#. Porém você pode acompanhar este tutorial usando VB. Net.

Animação de partículas em Silverlight

Escrito por Flavia Moreira em 1, 4, 6, AR, Animação, Animações, Artigo, Artigos, Blend, Blend 3, C#, CSharp, IE, Mac, Microsoft Silverlight, O, Outros, Particulas, Review, Ria’s Geral, Silverlight 2, Silverlight 3, Silverlight 4, SplineDoubleKeyFrame, Storyboard, TAT, Tema, Tutoriais, Visual Studio 2008, Wordpress, blog, blog silverlight, blogsilverlight, class, fonte, for, html, if, mg, on, silverlight @ 01 20th, 2010 | via http://flamoreira.wordpress.com | Sem comentários

Animação de partículas em Silverlight

Para simular fogo, fumaça, chuva, neve, fontes d’ água, entre outros fenômenos, precisamos desenvolver um Sistema de Partículas. O termo Sistema de Partículas refere-se a um conjunto de técnicas de animação para simulação de alguns destes fenômenos físicos. Primeiramente, devemos conhecer o que é uma partícula. Uma partícula é definida como o menor elemento de um sistema, e sobre cada partícula atuam forças externas e mútuas. Para os nossos propósitos, vamos definir uma partícula como uma única ocorrência de um objeto.

leia mais…

abraços,

Flávia Moreira

Dez 22

Artigos e Vídeos sobre Silverlight

Escrito por Flavia Moreira em 3d, Animação, Animações, Asp.Net, Blend, Blend 3, Botões, C#, CSharp, Controles, DataGrid, DoubleAnimationUsingKeyFrames, Expression Blend, FrameWork.Net, FullScreen, Javascript, Microsoft, Silverlight 2, Silverlight 3, Silverlight 4, SplineDoubleKeyFrame, Tutoriais, Visual Studio, Visual Studio 2008, WCF, WPF, blog, blog silverlight, blogsilverlight, deep zoom, deepZoom, player, silverlight, site @ 12 22nd, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Artigos e Vídeos Sobre Silverlight -

Artigos

Acesse todos estes tutoriais em http://www.dowhile.com.br – no menu artigos ou vídeos – Silverlight

1 Deep Zoom
2 Silverlight 4 Beta e seus recursos
3 Usando função JavaScript em Silverlight
4 Enviando e-mail com Silverlight – Parte II
5 Enviando e-mail com Silverlight – Parte I
6 Populando Datagrid usando LINQ TO SQL em Silverlight Parte II
7 Populando Datagrid usando LINQ TO SQL em Silverlight Parte I
8 Vídeo Player em Silverlight Visual Studio 2010 – Parte II
9 Primeira Aplicação em Silverlight Flávia Moreira
10 Vídeo Player em Silverlight – Visual Studio 2010 Parte I
11 Introdução ao Microsoft Blend 3

Vídeos

1 Data Grid em Silverlight 4 por Jesse Liberty
2 Acessando método C# pelo Javascript
3 Behavior Silverlight Administrator
4 Animação dinâmica em Silverlight
5 Vídeo aula- Aplicação em Silverlight

Nov 29

Silverlight 4

Escrito por Flavia Moreira em Animações, Asp.Net, Blend, Blend 3, Botões, C#, Expression Blend, Javascript, Microsoft, Microsoft Blend, Microsoft Silverlight, Silverlight 2, Silverlight 3, Silverlight 4, Tutoriais, Visual Studio, Visual Studio 2008, WCF, blog, blog silverlight, blogsilverlight, player, silverlight, site @ 11 29th, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Se você não conhece Silverlight, aproveite esta vídeo aula, onde você irá aprender os princípios básicos de como iniciar uma aplicação em Silverlight 4 , utilizando a ferramenta Microsoft Blend 4 e Visual Studio 2010 Beta 2. Assim, conhecer a interação entre as duas ferramentas. Você poderá aplicar os mesmos conceitos utilizando o Silverlight 3 com o Blend 3 e Visual Studio 2008.

Você ainda não conhece Silverlight ? O que está esperando para aprender também?

veja a vídeo aula:

http://www.dowhile.com.br/videos/silverlight/115-video-aula-aplicacao-em-silverlight.html

abraços,

Nov 25

Animação dinâmica em Silverlight

Escrito por Flavia Moreira em Animação, Animações, Blend, Blend 3, C#, DoubleAnimationUsingKeyFrames, Expression Blend, Microsoft, Microsoft Blend, Silverlight 2, Silverlight 3, Silverlight 4, Tutoriais, Visual Studio, Visual Studio 2008, blog, blog silverlight, blogsilverlight, player, site @ 11 25th, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Nesta vídeo aula de Dowhile.com.br você irá aprender a criar uma animação estática e dinâmica em Silverlight 4, utilizando o Microsoft Blend 4 e Visual Studio 2010 Beta 2, porém você poderá aplicar os mesmos conceitos utilizando o Silverlight 3 com o Blend 3 e Visual Studio 2008.

Segue o Link

Animação dinâmica

Abraços e bom divertimento,

Flávia Moreira

Nov 21

Artigos e Vídeos em Silverlight

Escrito por Flavia Moreira em Animação, Animações, Asp.Net, Blend, Blend 3, Botões, C#, Controles, DataGrid, Expression Blend, FrameWork.Net, FullScreen, Javascript, Language Runtime, Linq to Sql, Microsoft, Silverlight 2, Silverlight 3, Tutoriais, Videobrush, Visual Studio, Visual Studio 2008, Vídeo, WCF, WPF, blog, blog silverlight, blogsilverlight, player, silverlight @ 11 21st, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Olá pessoal.

Como eu estou mudando o meu blog para um site, então atualizei as informações.

Segue alguns artigos e vídeos sobre Silverlight.

Usando Javascript e Silverlight

http://www.dowhile.com.br/artigos/silverlight/63-usando-funcao-javascript-em-silverlight-.html

Usando e-mail e Webservice

http://www.dowhile.com.br/artigos/silverlight/60-enviando-e-mail-com-silverlight-parte-ii-.html

http://www.dowhile.com.br/artigos/silverlight/59-enviando-e-mail-com-silverlight-parte-i-.html

Usando linq to sql

http://www.dowhile.com.br/artigos/silverlight/58-populando-datagrid-usando-linq-to-sql-em-silverlight-parte-ii.html

http://www.dowhile.com.br/artigos/silverlight/57-populando-datagrid-usando-linq-to-sql-em-silverlight-parte-i.html

vídeo

Usando Javascript e Silverlight

http://www.dowhile.com.br/videos/silverlight/64-acessando-metodo-csharp-pelo-javascript.html

Abraços

Flávia Moreira

http://www.dowhile.com.br

Nov 4

Dowhile de cara nova

Escrito por Flavia Moreira em 1, Animação, Animações, Asp.Net, Blend, Blend 3, C#, Expression Blend, Javascript, Microsoft, Microsoft Blend, Silverlight 3, Tutoriais, Visual Studio, Visual Studio 2008, WPF, Xna, blog, blog silverlight, blogsilverlight, player, silverlight, site @ 11 4th, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Olá

Dowhile está no ar de cara nova

Você não viu ? Então veja.

Não perca tempo, tem Artigos e Vídeos.

Coloquei artigos sobre Silverlight. Veja o video Silverlight interagindo com PHP!!!!! Não é demais ?!?!?!?

http://www.dowhile.com.br

abraços,

Flávia Moreira

Out 15

Alguns vídeos sobre silverlight

Escrito por Flavia Moreira em Animações, Asp.Net, Blend, Expression Blend, Javascript, Microsoft, Microsoft Blend, Silverlight 2, Silverlight 3, Tutoriais, Visual Studio, Visual Studio 2008, blog silverlight, blogsilverlight, player, silverlight @ 10 15th, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Alguns vídeos sobre silverlight

DOWHILE Vídeos

Botão aplicado estilo

http://www.dowhile.com.br/DowhileVideos/botaoEstilo.wmv

FullScreen

http://www.dowhile.com.br/DowhileVideos/FullScreen.wmv

ListBox

http://www.dowhile.com.br/DowhileVideos/ListBox.wmv

Usando Swift 3d e Silverlight

http://www.dowhile.com.br/DowhileVideos/Swift3D_Silverlight.wmv

abraços

Flávia Moreira

Ago 2

Site em Silverlight 3

Escrito por Flavia Moreira em 3d, Animação, Animações, Asp.Net, Blend, Blend 3, Botões, C#, Expression Blend, FullScreen, Javascript, Microsoft, Microsoft Blend, Silverlight 2, Silverlight 3, Tutoriais, Visual Studio, Visual Studio 2008, Xna, blog silverlight, blogsilverlight, plataforma.Net, player, silverlight, site @ 08 2nd, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Olá pessoal,

Estou desenvolvendo mais uma aplicação em Silverlight.

http://www.dowhile.com.br – Quem quiser dar uma olhada, ainda não terminei. Considero com 80% completado.

Por favor, eu não sou designer. risos

Em breve irei colocar algumas vídeos aulas.

Abraços,

Flávia

Abr 28

Neste primeiro artigo, eu vou mostrar o inicio de uma animação dinâmica com sistema de partículas básica. A Figura 1.0 mostra o resultado final da animação, porém não é possível ter uma noção ideal com uma Imagem. Sem duvidas é um bom começo para quem quer aplicar mais conhecimentos em animações em Silverlight.

Figura 1.0 – Sistemas de partículas básica

1- Inicie um projeto Silverlight, forneça o nome de SistemaParticulas

2- No arquivo Page.xaml ou MainPage.xaml, adicione o código Xaml, conforme Listagem 1 . O MainPage, caso já esteja utilizando a versão Silverlight 3.

<UserControl x:Class=”SistemaParticulas.MainPage”

xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”

xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”

Width=”1024″ Height=”768″>

<UserControl.Resources>

</UserControl.Resources>

</Canvas>

</UserControl

Listagem 01 – Usando um Storyboard

3- Inclua dentro do projeto Silverlight outro UserControl, e forneça o nome de Particulas.xaml

4- No arquivo Particulas.xaml, adicione o código conforme mostrado na Listagem 02.

<UserControl x:Class=”SistemaParticulas.Particulas”

xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”

xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”

Width=”70″ Height=”70″>

<Canvas.RenderTransform>

</TransformGroup>

</Canvas.RenderTransform>

</Canvas>

</UserControl>

Listagem 02 – Objeto do tipo Ellipse com suas transformações

Na Listagem 02, você pode visualizar que foi adicionado um objeto do tipo ellipse, e cujo nome é eParticula, e para ela adicionada as transformações.

5- No codeBehind Particula.xaml.cs, adicione as propriedades, como mostra a Listagem 03.

namespace SistemaParticulas

{

public partial class Particulas : UserControl

{

public int TempoVida { get; set; }

public int Idade { get; set; }

public Point Velocidade;

public Particulas()

{

InitializeComponent();

}

Listagem 03 – Propriedades para a Partícula

As partículas devem possuir uma idade, um tempo de vida e uma velocidade. Note que a velocidade é do tipo Point.

6- Abra o Page.xaml.cs ou MainPage.xaml.cs. Adicione uma variável do tipo inteiro, uma lista do Tipo Particulas e um objeto do tipo Random. A Listagem 04 traz a codificação.

private List<Particulas> Particulas;

private int _qtParticulas = 150;

private Random rand = new Random()

Listagem 04 – Lista e Objetos

7- Agora, será criado um método para criar as partículas, forneça o nome do método, tal como, CriarParticulas. Na Listagem 05, você pode observar a codificação sem grandes novidades.

private void CriarParticulas(int _qtParticulas){

for (int i = 0; i < _qtParticulas; i++) {

Particulas particulas = new Particulas();

Canvas.SetLeft(particulas, rand.Next((int)LayoutRoot.Width));

Canvas.SetTop(particulas, rand.Next((int)LayoutRoot.Width));

LayoutRoot.Children.Add(particulas);

}

Listagem 05 – Adicionando as partículas dentro do LayoutRoot

Analisando o código da Listagem 05, é possível observar, que apenas foi feito a Instancia da classe Particulas e adicionada dentro do LayoutRoot, que nada mais é do que um Container Canvas, Neste momento, observe seu Arquivo Page.xaml ou MainPage.Xaml que o container é Canvas. Os métodos SetLeft e SetTop apenas delimitam o espaço das particulas dentro do LayoutRoot, lembre-se que a ellipse é atachada dentro do Canvas, ela depende da propriedade Left e Top. A variavel _qtParticulas, apenas limita a quantidade de particulas dentro do LayoutRoot.

8- Dentro do Construtor da página Page ou MainPage, chame o método CriarParticulas, conforme a Listagem 06.

public MainPage()

{

InitializeComponent();

CriarParticulas(numParticulas);

}

Listagem 06 – Chamando método

9- A Figura 02, mostra como deve estar o desenvolvimento do sistema de partículas.

Figura 02 – Aplicação executada no navegador

10- Agora vamos adicionar para as partículas, algumas novas propriedades, tal como, a cor, a opacidade e o tamanho. E também, adicionar valores para as propriedades, velocidade e tempo de vida. A Listagem 07 traz a codificação para o método CriarParticulas.

private void CriarParticulas(int _quantidade)

{

for (int i = 0; i < _quantidade; i++)

{

Particulas particulas = new Particulas();

Canvas.SetLeft(particulas, rand.Next((int)LayoutRoot.Width));

Canvas.SetTop(particulas, rand.Next((int)LayoutRoot.Width));

byte[] color = new byte[3];

rand.NextBytes(color);

Color c = Color.FromArgb(255, color[0], color[1], color[2]);

particulas.eParticula.Fill = new SolidColorBrush(c);

particulas.Opacity = rand.NextDouble();

particulas.Escala.ScaleX = particulas.Escala.ScaleY = rand.NextDouble();

if (particulas.Escala.ScaleX < .25)

particulas.Escala.ScaleX = particulas.Escala.ScaleY = .25;

particulas.Velocidade.X = rand.Next(-5, (int)5);

particulas.Velocidade.Y = rand.Next(-5, (int)5);

if (particulas.Velocidade.X == 0) particulas.Velocidade.X = 2;

if (particulas.Velocidade.Y == 0) particulas.Velocidade.Y = 2;

particulas.TempoVida = rand.Next(120);

//Particulas.Add(particulas);

LayoutRoot.Children.Add(particulas);

}

Listagem 07 – Adicionando propriedades e valores

Analisando o código da Listagem 07, para a cor utilizamos o tipo Byte, pois a struct do tipo Color recebe valores do tipo Byte. Evidentemente, quem irá receber o valor do tipo Color, é a eParticula, a qual adicionada no arquivo Particulas.xml.

11- A Figura 03 mostra como deve estar à aplicação.