SETEMBRO, 2010 | SO

PAULO

Silverlight 4 e
CDIGO DA SESSO:
Expression Blend 4
WEB203
Tecnologia e
Ferramenta em suas
mos
Rodrigo Kono
MVP - MCT - MCTS - MCPD
Pensou.Net Treinamentos
www.rodrigokono.net
www.twitter.com/rodrigokono
www.pensou.net

Agenda
Silverlight 4 e Expression Blend 4
Viso Geral
Entendendo o Layout
Controles
Styles e Resource Dictionary
Data Binding
Visual State Manager
Dicas!
A prxima onda
4

Silverlight e o Expression Blend 4

Silverlight uma tecnologia web, que permite criar
experincias ricas, tanto visuais como usuais e vai
alm disto! J o Expression Blend uma poderosa
ferramenta para desenvolver UI

Microsoft .NET Application

Platform
Tecnologia e Ferramenta
Ferramentas &
Modelo de Aplicaes

Develo
p

Browse
r

Deploy

User Experience

Design

Client

Timeline do Silverlight
Em nmeros
36

meses
meses
desde
desde o
o
lanamento
lanamento

Silverlight lanado em 2007

Timeline do Silverlight
Em nmeros
36

meses
meses
desde
desde o
o
lanamento
lanamento

500m+
downloads
downloads

500m
+

Timeline do Silverlight
Em nmeros
36

meses
meses
desde
desde o
o
lanamento
lanamento

500m+
downloads
downloads

500.000
+
Developers
Developers
&
& Designers
Designers

+500.0
00

Source: Microsoft Developer Tracker 2008 Report

Timeline do Silverlight
Em nmeros
36

meses
meses
desde
desde o
o
lanamento
lanamento

10

500m+
downloads
downloads

500.000
+
Developers
Developers
&
& Designers
Designers

350+

parceiros
parceiros
em
em
30
30 pases
pases

Timeline do Silverlight
Em nmeros
36

meses
meses
desde
desde o
o
lanamento
lanamento

11

500m+
downloads
downloads

500.000
+
Developers
Developers
&
& Designers
Designers

350+

parceiros
parceiros
em
em
30
30 pases
pases

350+

Microsoft
Microsoft
Products
Products &
&
Websites
Websites

Timeline do Silverlight
Em nmeros
36

meses
meses
desde
desde o
o
lanamento
lanamento

12

500m+
downloads
downloads

500.000
+
Developers
Developers
&
& Designers
Designers

350+

parceiros
parceiros
em
em
30
30 pases
pases

350+

Microsoft
Microsoft
Products
Products &
&
Websites
Websites

Milhares
Milhares
de
de Apps
Apps
pelo
pelo
mundo!
mundo!

www.silverlight.net/showcase

Timeline do Silverlight
Em nmeros no Brasil
Lanamento do Silverlight em Set
2007
Silverlight 2 - Out 2008
Silverlight 3 - Jul 2009
Silverlight 4 - Mar 2010

Em 3 anos!
54,30% da internet no BRA possui
dispositivos com o Silverlight 4 instalado!
11,39% ainda no Silverlight 3

56,31% no Flash 10.1

13

O que preciso ter para comear

a desenvolver com Silverlight 4?
Visual Studio 2010
ou Visual Web Developer Express 2010

Silverlight 4 Tools for Visual Studio

2010
Expression Blend 4
Silverlight 4 toolkit

14

Todos estes passos esto em

http://www.silverlight.net/getstarted

XAML
Separa o front-end do back-end
Simples e declarativa. Adequado para a construo e
inicializao de objetos do .NET
Forma mais concisa para representar interfaces de usurio
(ou outras hierarquias de objetos)
No precisa de ser compilada
Expression Design e export em Adobe Illustrator, Fireworks,
SWF2XAML...

<Button Width="100"> OK
<Button.Background>
LightBlue
</Button.Background>
</Button>

15

L, Parse, Mostra

Primeiros passos
Compreedendo o Ambiente de
Desenvolvimento

16

Entendendo o Layout
Essencial para a criao da sua UI
Renderizao/organizao do
contedo
Panels so usados para receber
contedo
Margin e Padding
Posicionamento Fixo (Canvas)
raramente usado
17

Entendendo o Layout
Layout Controls (Panels)

18

Entendendo o Layout
Layout Controls (parte do Silverlight
Toolkit )

19

Entendendo o Layout
Posicionamento

Margin

Text Block

20

Padding

Text Block

Layout

21

Controles

22

Controles
Nativos do Silverlight

E muito mais no Silverlight Toolkit...

23

Controles

24

Styles

25

Resource Dictionary

26

Styles e Resource Dictionaries

27

Trabalhando com Dados (Data

Binding)

Ligao de elementos da UI com

os Dados
Sample Data para facilitar a vida
Data Templates
Validao de Dados
Direo do Fluxo de dados
Converses de Dados

28

Databinding no Blend 4

29

The Silverlight Visual State

Manager

Alternativa para os triggers do WPF no

Silverlight
Totalmente suportados no Expression
Blend
Domnio dos estados dos controles
Promove a separao da interface do
usurio com o cdigo
Pode adicionar estados manualmente
a um UserControl

30

Visual State Manager

31

Dicas do mundo real

Crie projetos no Visual Studio
Visual Studio gerencia e possui
outros recursos
Templates no so identicos

Teste e rode sua aplicao no

Visual Studio
No h suporte para debug no Blend
Melhor informao do erro no Visual
Studio

Cuidado de ter aberto o mesmo

A prxima grande onda

7
Silverlight

33

Windows
Phone
Hardware

nativo no Windows

Phone 7
Criao rpida de aplicaes
visuais fantsticas
Metro-themed UI controls
HTML/JavaScript
500.000 developers Windows e
Web
Desenvolvimento
Elementos
para oFoco na
Plataforma
de
Consistente
Qualidade
MarketPlace
Hardware

Concluso

34

Voc pode at no usar no momento,

mas em breve voc ir usar!
Layout em XAML simples e flexvel
O ecossistema de controle para
Silverlight muito vasto
Data Binding no Silverlight rico,
suporta vrios tipos de dados
UX, Usabilidade e NUI para suas
aplicaes
A curva de aprendizagem pode ser
ngreme, mas vale a pena. Comece j!

Onde conseguir informaes?!

35

Portal da comunidade oficial do Silverligh www.silverlight.net

Site oficial do produto www.microsoft.com/silverlight
Free Windows Phone Developer Tools developer.windowsphone.com
Blog: Rodrigo Kono - www.rodrigokono.net
Blog: Roberto Sonnino
www.virtualdreams.com.br/blog
Blog do Kelps Sousa - http://blog.kelps.net
PodCast: XAMLCast - www.xamlcast.net
Comunidade Silverlight Brasil:
www.silverlightbrasil.ning.com

XAMLCast
Podcast sobre Silverlight, WPF e XAML

www.xamlcast.net
36

37

 2008 Microsoft Corporation. Todos os direitos reservados. Microsoft, Windows, Windows Vista e outros nomes de produtos so ou podem ser marcas registradas e/ou marcas
comerciais nos EUA e/ou outros pases.
Este documento meramente informativo e representa a viso atual da Microsoft Corporation a partir da data desta apresentao. Como a Microsoft deve atender a condies de
mercado em constante alterao, este documento no deve ser interpretado como um compromisso por parte da Microsoft, e a Microsoft no pode garantir a preciso de qualquer
informao fornecida aps a data desta apresentao. A MICROSOFT NO D QUALQUER GARANTIA, SEJA ELA EXPRESSA, IMPLCITA OU ESTATUTRIA, REFERENTE S INFORMAES
DESTA APRESENTAO.