Uploaded byRicardo Castelhano
Presenting Expression Blend 3 (2 Fev 2010)
The document is a presentation by Ricardo Castelhano on integrating custom artwork and dynamic data into user experiences without requiring coding. It discusses importing artwork, displaying content, and managing control states while mentioning tools like Silverlight and WPF, alongside interactions through a developer's integration. Ricardo provides his contact information and various blogs for further inquiries and insights.
More Related Content
![[Case Study] Agile @gov.pl](https://cdn.slidesharecdn.com/ss_thumbnails/agilegov-150414112040-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Presenting Expression Blend 3 (2 Fev 2010)
![Coded Agents – with UiPath SDK + LangGraph [Virtual Hands-on Workshop]](https://cdn.slidesharecdn.com/ss_thumbnails/codedagentsdeck-251215155422-5497c599-thumbnail.jpg?width=640&height=640&fit=bounds)
Presenting Expression Blend 3 (2 Fev 2010)
- 1. PresentingExpressionBlend 3Ricardo CastelhanoTrainer& Consultant @ ITech4All
- 2. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 3. About MeRicardo CastelhanoTrainer& Consultant @ ITech4AllMail: ricardo.castelhano@itech4all.comrc@ricardocastelhano.comBlogs: http://www.ricardocastelhano.com http://xamlpt.com/blogs/ricardocastelhanohttp://pontonetpt.com/blogs/ricardocastelhanoTwitter: @RicCastelhano
- 4. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 5. IntroductionUX Tool (Silverlight& WPF)XAML, VB & C# EditorIntegration with Traditional Design WorkflowDesign-Driven InteractivityDeveloper IntegrationTFS Support
- 6. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 7. Import Your OwnArtwork
- 8. DEMOImport Photoshop ORIllustrator Files
- 9. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 10. How To DisplayMy Contenthttp://404uxd.com
- 11.
- 12. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 13. It Don’t HaveTo Be Static
- 14.
- 15. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 16. What About MyControls States
- 17.
- 18. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 19. Interactions? YES, ButWith No Code Please!
- 20.
- 21. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 22. All My DataWill Be Dynamic And My Developer Is Working On That
- 23.
- 24. AgendaIntroductionImport Your OwnArtworkHow To Display My ContentIt Don’t Have To Be StaticWhat About My Controls StatesInteractions? YES, But With No Code Please!All My Data Will Be Dynamic And My Developer Is Working On ThatQ&A
- 25. Thank YouRicardo CastelhanoTrainer& Consultant @ ITech4AllMail: ricardo.castelhano@itech4all.comrc@ricardocastelhano.com
Editor's Notes
- #6 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
- #8 Importação de ficheiros PSD ou AILive Effects do Photoshop e Illustrator não são importadosPhotoshop tem de vir em RGB
- #9 Importar so as imagens de backgroundProjecto: w:766 h:800
- #11 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
- #12 Criar Grid 2x2Adicionar o LogoAdicionar StackPanel para o MenuAdicionar 4 buttons
- #14 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 !!!
- #15 - Criar a animaçao OnMouseOver e OnMouseOut do rectangulo de descriçao e ClickToZoom
- #17 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
- #18 - Formatar os Buttons do Menu através do VSM
- #20 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
- #21 Mostrar os Behaviors “PreBuilt” – aplicar o ControlStoryboardAction para controlar a Descricao e ClickToZoomMostrar o desenvolvimento de um pequeno BehaviorAdicionar o Behavior “EXPLODE”
- #23 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
- #24 Mostrar “Sample Data” com uma CollectionMudar a source das ImagensCriar uma ListBoxAlterar o Style dos DataItemsCriar um Detail View (ALT KEY)