1. Jaana Metsamaa
Silverlight
TARTU 2008

2. Mis on Silverlight?
plugi-in
erinevad platvormid
erinevad veebilehitsejad
RIA

3. Arhitektuur

4. Töövahendid

5. http://www.silverlight.net/GetStarted

6. Silverlight 2 rakenduse ülesehitus
HTML
<OBJECT> Page.xaml
Silverlight Page.xaml.cs
.XAP
App.xaml
App.xaml.cs

7. XAML (Extensible Application Markup Language)
<UserControl
xmlns=quot;http://schemas.microsoft.com/client/2007quot;
xmlns:x=quot;http://schemas.microsoft.com/winfx/2006/xamlquot;
>
<Grid x:Name=“LayoutRoot”>
<TextBlock x:Name=quot;txtquot; FontSize=quot;32quot; Text=quot;Tere maailm!“ />
<Button x:Name=“nupp“ Content=“Vajuta“ Click=“meetodquot; />
</Grid>
</UserControl>
Page.xaml

8. XAML (Extensible Application Markup Language)
<Canvas
xmlns=quot;http://schemas.microsoft.com/client/2007quot;
xmlns:x=quot;http://schemas.microsoft.com/winfx/2006/xamlquot;
>
<TextBlock x:Name=quot;txtquot; FontSize=quot;32quot; Text=quot;Tere maailm!quot; />
</Canvas>
TextBlock t = new TextBlock();
t.FontSize = 32;
t.Text = quot;Tere maailm!quot;;

9. Kasutajaelemendid
kujundid,nupud, pildid, videod, tekstikastid, kerimisribad jms.

10. Transformatsioonid ja animatsioonid
RotateTransform
ScaleTransform
SkewTransform
TranslateTransform

11. Transformatsiooni lisamine
<TextBlock x:Name=quot;txtquot; FontSize=quot;32quot; Text=quot;Tere maailm!quot;>
<TextBlock.RenderTransform>
<ScaleTransform ScaleX=quot;2quot; ScaleY=quot;2quot;/>
</TextBlock.RenderTransform>
</TextBlock>
ScaleTransform st = new ScaleTransform();
st.ScaleX = 2;
st.ScaleY = 2;
txt.RenderTransfrom = st;

12. Animatsiooni lisamine
<TextBlock x:Name=quot;txtquot; Text=quot;terequot; FontSize=quot;32quot;>
<TextBlock.Resources>
<Storyboard x:Name=quot;Kumaquot;>
<DoubleAnimation x:Name=quot;Animatsioonquot;
Storyboard.TargetName=quot;txtquot;
Storyboard.TargetProperty=quot;Opacityquot;
From=quot;0quot; To=quot;1quot;
Duration=quot;00:00:05quot; />
</Storyboard>
</TextBlock.Resources>
</TextBlock>
Animatsioon.Begin();

13. Stiilid ja mallid
<Style x:Key=quot;stiilquot; TargetType=quot;TextBlockquot;>
<Setter Property=quot;FontSizequot; Value=quot;24quot; />
<Setter Property=quot;Marginquot; Value=quot;5quot; />
<Setter Property=quot;Foregroundquot;>
<Setter.Value>
<LinearGradientBrush>
<GradientStop Color = quot;LightBluequot; Offset=quot;0quot;/>
<GradientStop Color=quot;SteelBlue“ Offset=quot;1quot;/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Style>
<TextBlock x:Name=“txt“ Text=quot;Heiquot; Style=quot;{StaticResource stiil}“ />
<TextBlock x:Name=“a2“ Text=“Terequot; Style=quot;{StaticResource stiil}“ />

14. Databinding
• Kasutajaliides paika ja andmete pärast muretseme hiljem

15. Publitseerimine
• Nõuded veebiserverile samad, mis HTML lehele.
<object data=quot;data:application/x-silverlight,quot;
type=quot;application/x-silverlight-2-b1quot; width=quot;100%quot; height=quot;100%quot;>
<param name=quot;sourcequot; value=quot;Veeebileht.xapquot;/>
</object>

16. Silverlight Streaming
Silverlight Streaming parameetrid on järgmised:
ruumi 10GB;
5TB andmesidemahtu;
Võimalus hostida rakendus tervikuna või osadena.
http://silverlight.live.com

17. Plussid ja miinused
+ Mac, Windwos, Linux, Nokia, Windows Mobile
+ Teada-tuntud tehnoloogiad
+ Laialt levinud videoformaadid
+ Kiirus
- Mac arendusvahendid
- Veebikaamera ning mikrofon
- Mitte nii väga platvormi sõltumatu

18. Tänan