Mar 19

Microsoft Expression Gallery – Component GaugeYI

Escrito por Robson Fernandes em 1, 2.0, 6, AR, AUG, back, BI, Blend 3, blog, class, código, código fonte, Componente, demo, Design, dll, Download, expression, Expression Gallery, fonte, IE, if, image, int, mg, Microsoft, Microsoft Expression, Microsoft Silverlight, NaN, News, O, on, Pessoal, Review, RIA, Ria’s Geral, Scroll, silverlight, Silverlight - Blend, Silverlight - Core, SilverLight - Design, SilverLight - News, Silverlight - XAML, Silverlight 3, Software, UI, XP @ 03 19th, 2010 | via http://www.riasoftware.com.br/blog/ | Sem comentários

Microsoft Silverlight News

INTRODUÇÃO

Boa tarde pessoal! Tudo jóia com vocês? Galera, eu disponibilizei no Microsoft Expression Gallery, um componente que eu estou desenvolvendo no Silverlight, chamado Component GaugeYI, ele está em sua versão 1.0 ainda, entretanto, já deixei uma pequena amostra para o pessoal poder utiliza-lo em suas aplicações.

Ao finalizar a versão 2.0 do mesmo, estarei disponibilizando por completo o código fonte do componente, e não somente a sua Dll, que já está disponível para download, juntamente com a demonstração.

Deixe seu feedback no Microsoft Expression Gallery, ele é muito importante para mim. Muito Obrigado!

PREVIEW

<br />

Abs.
Robson Fernandes

Mar 5

Alterando a aparência de um CheckBox com WPF e C#

Escrito por Alexandre Tadashi em 1, 4, 6, api, AR, BI, bitmap, Blend, Blend 3, blog, Blogs, botão, C#, carregar, checkBox, class, código, código fonte, control, css, demo, Design, Desktop, Diversos, efeito, event, Evento, Eventos, exemplo, expression, Expression Blend, Expression Blend 3, fonte, for, fundo, Google, HCI, IE, if, image, imagens, int, layout, lista, map, mg, Microsoft, Microsoft Expression, NaN, O, on, Outros, padrão, processo, RIA, Ria’s Geral, silverlight, Storyboard, tag, Tema, Tutoriais, Tutorial, UI, UX, Visual Studio, Visual Studio 2008, WPF, XAML, XP @ 03 5th, 2010 | via http://alexandretadashi.net/ | Sem comentários

Neste tutorial vou criar um UserControl simples com um CheckBox e modificar a aparência inserindo uma imagem no lugar do layout padrão do CheckBox, dessa forma podemos utilizar qualquer imagem e criar CheckBox com um apelo visual mais sofisticado. O conceito pode ser aplicado em diversos outros objetos WPF.

No exemplo vou utilizar o Microsoft Expression Blend 3 para auxiliar no design do tutorial, vou carregar duas imagens png, a primeira com o desenho de uma lâmpada ligada e a segunda com outra lâmpada desligada, quando o checkbox for clicado a lâmpada vai acender e um efeito de luz suave vai aparecer.

Primeiro crie uma aplicação em WPF e adicione um UserControl com o nome de UserControlCheckBox.xaml, modifique a altura e o tamanho para 100: Height=”100″ Width=”100″ e altere o fundo do layout GRID para “Black”. Dentro do layout GRID adicione uma Ellipse com o tamanho e altura de 20.

Agora vamos criar um Style herdando as propriedades de um objeto CheckBox, selecione a Ellipse com o botão direito do mouse e clique em Make into Control… conforme a figura abaixo:

Selecione o CheckBox e dê o nome do Style de CheckBoxStyle1:

Localize o resources do UserControl e adicione um ImageBrush que vai “pintar” a Ellipse com uma imagem que iniciamente será a lâmpada apagada:

Agora vamos adicionar Triggers que vão habilitar os eventos check e uncheck acionando Storyboards que vão animar as propriedades Opacity e Radius da Ellipse e criar um efeito interessante simulando uma luz. Clique em Triggers, depois em Event para adicionar um evento, selecione o objeto Checkbox e depois Checked e por fim clique no sinal de + para adicionar uma Storyboard, conforme a figura abaixo:

Repita o processo para o evento Unchecked, neste momento temos o trigger conforme a listagem abaixo:

Duas Storyboards foram criadas, para trocar a imagem quando o CheckBox é acionado adicione o evento Completed na Storyboard OnChecked1 e adicione o código C# abaixo:

ImageBrush brush = (ImageBrush)this.Resources["imgb"];
Image image1 = new Image();
brush.ImageSource =
new BitmapImage(new Uri(“luz_apagada.png”, UriKind.Relative));

Repita o processo no evento Completed da Storyboard OnUnchecked1 mudando somente a imagem:

brush.ImageSource = new BitmapImage(new Uri(“luz_ligada.png”, UriKind.Relative));

Para finalizar o tutorial vamos animar as propriedades Opacity e Radius para simular uma luz no CheckBox inserindo um novo efeito ao controle, na Storyboard OnChecked1 adicione o código:

E adicione o código abaixo na Storyboard OnUnchecked1:

Adicione uma Ellipse entre o GRID Layout e o CheckBox e utilize o efeito BlurEffect que vai dar o efeito de luz no CheckBox:

Agora é só adicionar o UserControl em seu projeto e testar.

Código fonte do tutorial : Clique aqui
Expression Blend 3 / Visual Studio 2008

Fev 27

Técnicas de Design I – Microsoft Expression Blend 3

Escrito por Robson Fernandes em 1, 4, 6, app, AR, Blend, Blend 3, blog, botão, class, control, Design, Download, expression, Expression Blend, Expression Blend 3, flash, image, int, Mac, mg, Microsoft, Microsoft Expression, NaN, O, on, Pessoal, Projetos, RIA, Ria’s Geral, screen, Screencast, screencasts, silverlight, Silverlight - Blend, SilverLight - Design, Silverlight 3, Software, swf, UI, wave, XP @ 02 27th, 2010 | via http://www.riasoftware.com.br/blog/ | 2 comentários

microsoft_expression_blend

INTRODUÇÃO

Bom dia pessoal!
Eu fiquei ocioso durante um intervalo de tempo, estive trabalhando em alguns projetos particulares, e acabei não atualizando meu blog neste período.
Mas vamos ao que interessa! A pedido de alguns leitores do meu blog, vou começar a criar pequenos ScreenCasts. Hoje estarei publicando o meu primeiro!! rsrsr…
Neste, abordarei algumas técnicas de design que podem ser utilizadas no Microsoft Expression Blend 3, para a construção de um “Botão de Gel“.

Espero que gostem! Abs.

Robson Fernandes

Fev 17

Silverlight Out-of-browser

Escrito por Flavia Moreira em 1, 4, 6, AR, Artigo, Artigos, Asp.Net, Blend, Blend 3, blog, blog silverlight, blogsilverlight, browser, C#, Expression Blend, for, html, if, mg, Microsoft, Microsoft Blend, Microsoft Silverlight, O, out-of-browser, problema, problemas, RIA, Ria’s Geral, silverlight, Silverlight 3, Silverlight 4, site, TAT, Tutoriais, Visual Studio, Visual Studio 2008, Visual Studio 2010, Wordpress @ 02 17th, 2010 | via http://flamoreira.wordpress.com | Sem comentários

Neste artigo eu vou mostrar como criar uma aplicação Silverlight para ser executada fora do browser (Silverlight Out-of-browser) com o Visual Studio 2010. Poderá desenvolver usando a versão 3 ou 4, sem problemas.

http://www.dowhile.com.br/artigos/silverlight/145-silverlight-out-of-browser-.html

Jan 20

Animação de partículas em Silverlight

Escrito por Flavia Moreira em 1, 4, 6, Animação, Animações, AR, Artigo, Artigos, Blend, Blend 3, blog, blog silverlight, blogsilverlight, C#, class, CSharp, fonte, for, html, IE, if, Mac, mg, Microsoft Silverlight, O, on, Outros, Particulas, Review, Ria’s Geral, silverlight, Silverlight 2, Silverlight 3, Silverlight 4, SplineDoubleKeyFrame, Storyboard, TAT, Tema, Tutoriais, Visual Studio 2008, Wordpress @ 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 30

Carregando UserControl dinamicamente

Escrito por Flavia Moreira em Asp.Net, Blend, Blend 3, blog, blog silverlight, blogsilverlight, C#, Controles, CSharp, Expression Blend, Microsoft, Microsoft Blend, Microsoft Silverlight, silverlight, Silverlight 3, Silverlight 4, Visual Studio @ 12 30th, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Carregando UserControl dinamicamente – Silverlight 4 e Visual Studio

Neste artigo será mostrado como carregar uma *.dll de usercontrol dinamicamente em Silverlight. O motivo que me inspirou a fazer este exemplo foi um amigo do MSN que insistiu para ajudá-lo a carregar animações dinâmicas vindo externamente. Além disso, percebi outro fator, às vezes podemos ter uma aplicação grande, e como sabemos ou devemos saber, o Silverlight cria um arquivo XAP, que nada mais é, que um Zip disfarçado. Desta forma, quando acessamos um site desenvolvido em Silverlight, nós fazemos o download deste arquivo XAP. Neste ponto, você pode imaginar que, se o arquivo Xap for muito grande o usuário irá ficar extremamente aborrecido e irá desistir de ver sua aplicação, não é mesmo? Então o que devemos fazer?

Usando VSM em Silverlight

Escrito por Flavia Moreira em Animação, Blend, Blend 3, blog, blog silverlight, blogsilverlight, Botões, C#, Controles, CSharp, Expression Blend, Microsoft Blend, silverlight, Silverlight 2, Silverlight 3, Silverlight 4, Visual Studio, Visual Studio 2008, VSM @ 12 23rd, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Usando VSM em Silverlight

O Visual State Manager chamado de VSM permite você habilitar facilmente o estado de qualquer UIElement tal como Button, Elipse, Retângulo ou até mesmo tudo que estiver dentro de um UserControl. Você deve estar se perguntando, o que é isso? Um exemplo bem simples: Você pode definir e executar um estado quando o mouse estiver sobre um botão e executar outro estado quando ele não está sobre o botão. Com VSM pode criar estados altamente sofisticados, é só usar a criatividade. E para facilitar ainda mais, nada melhor que usar o Microsoft Blend para criar os estados dos elementos, e com uma linha chamar o estado.
Neste tutorial eu irei mostrar o estado de uma elipse, é bem simples e prático. Depois que você aprender mais sobre VSM, que tal mostrar para nós suas habilidades.

Artigos e Vídeos sobre Silverlight

Escrito por Flavia Moreira em 3d, Animação, Animações, Asp.Net, Blend, Blend 3, blog, blog silverlight, blogsilverlight, Botões, C#, Controles, CSharp, DataGrid, deep zoom, deepZoom, DoubleAnimationUsingKeyFrames, Expression Blend, FrameWork.Net, FullScreen, Javascript, Microsoft, player, silverlight, Silverlight 2, Silverlight 3, Silverlight 4, site, SplineDoubleKeyFrame, Tutoriais, Visual Studio, Visual Studio 2008, WCF, WPF @ 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

Dez 3

O que você gostaria de saber sobre behaviors, triggers e actions no Silverlight 3?

Escrito por Kelps Sousa em Behavior, Blend 3, Eventos, Silverlight 3, Webcast @ 12 3rd, 2009 | via http://kelps-sousa.blogspot.com/ | Sem comentários

Na próxima terça-feira, dia 08/dezembro, farei mais um webcast pelo MSDN. O assunto dessa vez será a criação e utilização de Behaviors, Triggers e Actions com Expression Blend 3 e Silverlight 3.

Eu gostaria de saber de vocês o que vocês gostariam de saber e ver sobre esse assunto no webcast. Se vocês têm alguma dúvida ou sugestão sobre o que devo colocar no webcast, deixem comentários neste post.

Nov 30

Deep Zoom.

Escrito por Flavia Moreira em Blend, Blend 3, blog, blog silverlight, blogsilverlight, Botões, C#, deep zoom, deepZoom, Expression Blend, Microsoft, Microsoft Blend, Microsoft Silverlight, silverlight, Silverlight 3, Silverlight 4 @ 11 30th, 2009 | via http://flamoreira.wordpress.com | Sem comentários

Deep Zoom

Com o Silverlight e o DeepZoom Composer é muito fácil criar um visualizador de imagem que permite aplicar zoom, arrastar e deslocar imagens. Neste tutorial, vamos dar inicio a este fantástica ferramenta da Microsoft.