Aplikacje sieciowe
Ritch Client
Silverlight
Struktura dokumentu XAML
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
mc:Ignorable="d"
x:Class="SilverlightApplication1.MainPage"
Width="640" Height="480">
<UserControl.Resources>
<Storyboard x:Name="Storyboard1" >
....
</Storyboard>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="White" >
...
</Grid>
</UserControl>
Przykład XAML
<UserControl>
...
<Grid x:Name="LayoutRoot" Background="White">
<Rectangle Fill="#FFF4F4F5" Height="51" Stroke="Black" Width="137"
HorizontalAlignment="Right" Margin="0,0,163,120" VerticalAlignment="Bottom"/>
<Ellipse Fill="#FFF4F4F5" Height="30" Stroke="Black" Width="35"
HorizontalAlignment="Right" Margin="0,0,265,90" VerticalAlignment="Bottom"/>
<Ellipse Fill="#FFF4F4F5" Height="30" Stroke="Black" Width="29"
HorizontalAlignment="Right" Margin="0,0,163,90" VerticalAlignment="Bottom"/>
<Rectangle x:Name="rectangle" Fill="#FFF4F4F5" Height="28" Stroke="Black" Width="65"
HorizontalAlignment="Right" Margin="0,0,200,171" VerticalAlignment="Bottom"/>
</Grid>
</UserControl>
Expression Blend
• Interfejs
• Narzędzia
• Właściwości obiektów
• Komponenty wizualne (kontrolki)
Struktura Projektu Aplikacji Silverlight
• App.xaml
• MainPage.xaml
• Default.html
Podstawowa struktura strony Silverlight
<sdk:Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sd k"
x:Class="SilverlightApplication1.NewPage"
Title="NewPage Page"
d:DesignWidth="640" d:DesignHeight="480">
<Grid x:Name="LayoutRoot" >
</Grid>
</sdk:Page>
Umieszczenie aplikacji Silverlight na stronie www (Deafult.html)
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>SilverlightApplication1</title>
<style type="text/css">...</style>
<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript"> .... </script>
</head>
<body>
...
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2,"
type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/SilverlightApplication1.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0"
style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkID=161376"
alt="Get Microsoft Silverlight" style="border-style: none"/></a>
</object>
<iframe id='_sl_historyFrame' style='visibility:hidden;height:0;width:0;border:0px'></iframe>
</div>
</body>
</html>