第一个Silverlight程序，绘制一个长方型、一个椭圆、画一条线

第一个Silverlight程序，绘制一个长方型、一个椭圆、画一条线

1、首先新建一个Silverlight程序，然后新建一个UserControl页面命名为whatxaml.xaml，在前台绘制图形：

<UserControl x:Class="Propject1.s01.whatxaml" 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" d:DesignHeight="300" d:DesignWidth="400"> <!-- 画布元素 --> <Canvas x:Name="LayoutRoot" Background="White" > <!-- 绘制矩形元素 --> <Rectangle Width="240" Height="100" Fill="Gold" Stroke="Black" Canvas.Top="20" Canvas.Left="20" /> <!-- 绘制一个圆形元素 --> <Ellipse Width="200" Height="100" Fill="BurlyWood" Stroke="Black" Canvas.Left="20" Canvas.Top="126" /> <!--绘制一个圆形元素--> <TextBlock Text="Silverlight开发历程" Foreground="Black" Canvas.Left="28" Canvas.Top="165" FontSize="20"/> <!--绘制线条--> <Line X1="50" Y1="130" X2="260" Y2="260" Stroke="Red" StrokeThickness="3" /> </Canvas> <!-- /画布元素 --> </UserControl>

2、更改启动项，双击打开App.xaml 然后将Application_Startup事件下的new 实例更改为UserControl的实例名,如下代码

public partial class App : Application { public App() { this.Startup += this.Application_Startup; this.Exit += this.Application_Exit; this.UnhandledException += this.Application_UnhandledException; InitializeComponent(); } private void Application_Startup(object sender, StartupEventArgs e) { this.RootVisual = new whatxaml(); }

然后按F5运行，就看到想要的结果：

第一个小例子，程序很简单主要是为了体会Silverlight在绘制图形方面的强大功能。