Silverlight2 + VS2008支持C#的SilverLightHelloworld教程

今天装好Silverlight后,第一个程序就是写个helloworld,这里贡献给Silverlight的初学者,希望对你有用!

这里我认为您已经装好VS2008和Siverlight2 beta1，：）

下面就开始我们的helloworld之旅吧！hoho

1、打开vs2008-〉创建Siverlight Application项目



2、输入SilverLightHelloWorld->OK我们将看到：



３、选择第二项Generate an .... ->OK,我们将看到下图创建好的工程：



４、我们试着编译以下Ｆ７：



编译通过没有问题，哈哈

我们将看到page.xaml代码：


<UserControl x:Class="SilverlightHelloWorld.Page"


xmlns="http://schemas.microsoft.com/client/2007"


xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"


Width="400" Height="300">


<Grid x:Name="LayoutRoot" Background="White">


</Grid>


</UserControl>

5、我们需要更改其xaml代码，更改Grid的背景色并添加一个Button,如下代码：


<UserControl x:Class="SilverlightHelloWorld.Page"


xmlns="http://schemas.microsoft.com/client/2007"


xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"


Width="400" Height="300">


<Grid x:Name="LayoutRoot" Background="Red">


<Button Content="HelloWorld" Width="100" Height="20">


</Button>


</Grid>


</UserControl>

背景改成了红色，添加了HelloWorld按钮，效果如下图：



６、我们再给HelloWorld加个Click事件，代码入下：


<UserControl x:Class="SilverlightHelloWorld.Page"


xmlns="http://schemas.microsoft.com/client/2007"


xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"


Width="400" Height="300">


<Grid x:Name="LayoutRoot" Background="Red">


<Button Content="HelloWorld" Width="100" Height="20" Click="Button_Click">


</Button>


</Grid>


</UserControl>

还需要添加事件的处理，在Page.xaml.cs中，代码如下：


using System;


using System.Collections.Generic;


using System.Linq;


using System.Windows;


using System.Windows.Controls;


using System.Windows.Documents;


using System.Windows.Input;


using System.Windows.Media;


using System.Windows.Media.Animation;


using System.Windows.Shapes;




namespace SilverlightHelloWorld




...{


public partial class Page : UserControl




...{


public Page()




...{


InitializeComponent();


}




private void Button_Click(object sender, RoutedEventArgs e)




...{


//这里添加代码


SolidColorBrush brush = (SolidColorBrush)this.LayoutRoot.Background;


if (brush.Color == Colors.Red)




...{


this.LayoutRoot.Background = new SolidColorBrush(Colors.Blue);


}


}


}


}

代码逻辑很简单，每点击一次按钮会更改一次背景色。

Ｆ５运行看看效果：



点击后的效果：



XAML何以玩出很多花样，剩下的就看你了，ｈｏｈｏ！

作者：王卫星

转载注明出处，谢谢！