Your SlideShare is downloading. ×
  • Like
  • Save
Presenting Expression Blend 3 (2 Fev 2010)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Presenting Expression Blend 3 (2 Fev 2010)

  • 268 views
Published

2010's first portuguese Microsoft Conference about the Web. Talking about the "new" Expression Blend 3.

2010's first portuguese Microsoft Conference about the Web. Talking about the "new" Expression Blend 3.

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
268
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • UXparaSilverlight & WPFEditor XAML e C# com IntellisenseIntegração com o Workflow “tradicional” dos designersInteractividades “prontas a usar” … com possibilidade de se extenderemIntegração com os Developers, pois o projecto é o mesmo (facilversionamento entre Designer-Developer) Integração no Team Foundation Server … Blend passou a fazer parte do “ALM” – Application Lifecycle Management
  • Importação de ficheiros PSD ou AILive Effects do Photoshop e Illustrator não são importadosPhotoshop tem de vir em RGB
  • Importar so as imagens de backgroundProjecto: w:766 h:800
  • Um dos aspectos fundamentais do XAML (mostrar codigo gerado)Modo de funcionar é mais parecido ao XHTML + CSSPessoal do PRINT e FLASH têm de ter MAIOR cuidado até compreenderem o “papel” de cada ControlAdvertir para o facto dos designers costumarem “NAO” apagar as experiencias
  • Criar Grid 2x2Adicionar o LogoAdicionar StackPanel para o MenuAdicionar 4 buttons
  • Animacao Time-Based (Vantagens em relaçao ao Frame-Based)Animacao Frame-Based (é necessário o especificar no codigo XAML)Sem “Estado Inicial”Funçoes EASE !!!
  • - Criar a animaçao OnMouseOver e OnMouseOut do rectangulo de descriçao e ClickToZoom
  • Visual State Manager permite definir o estilo de simples interaccoes com os ControlsPermite facilmente se definir as interacções: MouseOver, Pressed, ...Atencao: Nao ha qualquer logica de codigo envolvida
  • - Formatar os Buttons do Menu através do VSM
  • Pacotes pré-criados de interaccoes que permitem a reutilizacao dos mesmos efeitos.Podem ser desenvolvidos pelos Developers, permitindo que os Designers só se preocupem mesmo com a parte criativa
  • Mostrar os Behaviors “PreBuilt” – aplicar o ControlStoryboardAction para controlar a Descricao e ClickToZoomMostrar o desenvolvimento de um pequeno BehaviorAdicionar o Behavior “EXPLODE”
  • Pode-seutilizar o XML Dataset quejávem no Blend ouimportar de um XML “custom”.Pode-se tambémimportar DATA via DataObjects- Há total flexibilidadepara se trocar entre SAMPLE e LIVE Data
  • Mostrar “Sample Data” com uma CollectionMudar a source das ImagensCriar uma ListBoxAlterar o Style dos DataItemsCriar um Detail View (ALT KEY)

Transcript

  • 1. PresentingExpressionBlend 3
    Ricardo CastelhanoTrainer & Consultant @ ITech4All
  • 2. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 3. About Me
    Ricardo Castelhano
    Trainer & Consultant @ ITech4All
    Mail: ricardo.castelhano@itech4all.com
    rc@ricardocastelhano.com
    Blogs: http://www.ricardocastelhano.com
    http://xamlpt.com/blogs/ricardocastelhano
    http://pontonetpt.com/blogs/ricardocastelhano
    Twitter: @RicCastelhano
  • 4. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 5. Introduction
    UX Tool (Silverlight & WPF)
    XAML, VB & C# Editor
    Integration with Traditional Design Workflow
    Design-Driven Interactivity
    Developer Integration
    TFS Support
  • 6. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 7. Import Your Own Artwork
  • 8. DEMO
    Import Photoshop OR Illustrator Files
  • 9. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 10. How To Display My Content
    http://404uxd.com
  • 11. DEMO
    Layout Controls
  • 12. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 13. It Don’t Have To Be Static
  • 14. DEMO
    Storyboards
  • 15. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 16. What About My Controls States
  • 17. DEMO
    Visual State Manager
  • 18. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 19. Interactions? YES, But With No Code Please!
  • 20. DEMO
    Behaviors
  • 21. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 22. All My Data Will Be Dynamic And My Developer Is Working On That
  • 23. DEMO
    Design Time Data
  • 24. Agenda
    Introduction
    Import Your Own Artwork
    How To Display My Content
    It Don’t Have To Be Static
    What About My Controls States
    Interactions? YES, But With No Code Please!
    All My Data Will Be Dynamic And My Developer Is Working On That
    Q&A
  • 25. Thank You
    Ricardo CastelhanoTrainer & Consultant @ ITech4All
    Mail: ricardo.castelhano@itech4all.com
    rc@ricardocastelhano.com