自测系列活动-问题4：Silverlight前台界面采用什么语言描述？Silverlight 2后台程序可以用什么语言来编写？
问题
全部回复
-
一、Silverlight前台界面是使用XAML做为描述语言。
XAML是一种陈述性语言。你可以使用XAML标记创建可视化的UI原件。 之后，你可以在一个单独的文件中使用JavasScript来操作你在XAML所声明的对象、响应一些事件。作为一种以XML为基础的陈述性语言，它创建界面时，从原型到产品的过程非常直观，尤其是对于有网页设计背景知识和技术的人。XAML文件通常是以.xaml为后缀的XML文件。下面是一个典型的Silverlight XAML文件例子。
<UserControl x:Class="Silverlight20.Interactive.Mouse" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <!--路由事件是一种可以针对元素树中的多个侦听器（而不是仅针对引发该事件的对象）调用处理程序的事件--> <!-- MouseLeftButtonDown, MouseLeftButtonUp和MouseMove均为向上冒泡的路由事件 本例的事件路由为：Ellipse -> StackPanel -> UserControl 或 Rectangle -> Canvas -> StackPanel -> UserControl 如果不想向上冒泡，则可以使用 MouseButtonEventArgs.Handled = true 告知事件已被处理 --> <StackPanel HorizontalAlignment="Left" MouseLeftButtonDown="StackPanel_MouseLeftButtonDown" > <!-- MouseEnter - 鼠标进入时触发的事件（显然，此事件不能冒泡） MouseLeave - 鼠标离开时触发的事件（显然，此事件不能冒泡） MouseLeftButtonDown - 鼠标左键单击按下时触发的事件 MouseLeftButtonUp - 鼠标左键单击按下并放开时触发的事件 MouseMove - 鼠标移动时触发的事件 --> <Ellipse x:Name="ellipse" Width="200" Height="100" Fill="Red" Margin="5" MouseEnter="ellipse_MouseEnter" MouseLeave="ellipse_MouseLeave" MouseLeftButtonDown="ellipse_MouseLeftButtonDown" MouseLeftButtonUp="ellipse_MouseLeftButtonUp" > </Ellipse> <Canvas Margin="5"> <!--用于演示拖放的矩形--> <Rectangle x:Name="rectangle" Fill="Blue" Width="50" Height="50" MouseLeftButtonDown="rectangle_MouseLeftButtonDown" MouseLeftButtonUp="rectangle_MouseLeftButtonUp" MouseMove="rectangle_MouseMove" /> </Canvas> </StackPanel></UserControl>二、Silverlight后台语言
在x:Class关联的xxx.xaml.cs后台代码中可以使用C#、VB.NET、Ironruby、IronPython等.NET语系来开发，使用这些后台语言可以用来控制XAML界面中的实例，这些通过x:Name或Name来标记唯一性，类似ASP.NET Server控件的ID，所以一个XAML中不允许有重复的x:Name属性值，在Silverlight 2.0中还支持Linq和Linq to XML。
完整例子：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
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 Silverlight20.Interactive
{
public partial class Mouse : UserControl
{
public Mouse()
{
InitializeComponent();
}void ellipse_MouseEnter(object sender, MouseEventArgs e)
{
ellipse.Fill = new SolidColorBrush(Colors.Yellow);
}void ellipse_MouseLeave(object sender, MouseEventArgs e)
{
ellipse.Fill = new SolidColorBrush(Colors.Red);
}private void ellipse_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
ellipse.Fill = new SolidColorBrush(Colors.Yellow);
}private void ellipse_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
ellipse.Fill = new SolidColorBrush(Colors.Blue);// MouseButtonEventArgs.Handled - 此事件是否已被处理
// false - 未被处理，事件的路由为向上冒泡
// true - 已被处理，事件的路由为不再冒泡
e.Handled = true;
}private void StackPanel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
// 如果鼠标单击 rectangle 对象，则 会 执行到此句
// 如果鼠标单击 ellipse 对象，则 不会 执行到此句，因为之前 ellipse 对象的 MouseLeftButtonDown 事件中已经设置 e.Handled = true ，所以事件不会冒泡至此
ellipse.Fill = new SolidColorBrush(Colors.Black);
}
// 是否正在捕获鼠标
private bool _isMouseCaptured;// 鼠标垂直方向上的坐标
private double _mouseY;// 鼠标水平方向上的坐标
private double _mouseX;private void rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
// MouseButtonEventArgs.GetPosition() - 鼠标相对于指定元素的坐标
_mouseY = e.GetPosition(null).Y;
_mouseX = e.GetPosition(null).X;// CaptureMouse() - 在指定的元素上捕获鼠标
rectangle.CaptureMouse();
_isMouseCaptured = true;
}public void rectangle_MouseMove(object sender, MouseEventArgs e)
{
if (_isMouseCaptured)
{
// 移动前和移动后的鼠标 垂直方向 和 水平方向 的位置的差值
double v = e.GetPosition(null).Y - _mouseY;
double h = e.GetPosition(null).X - _mouseX;// 移动后的 rectangle 对象相对于 Canvas 的坐标
double newTop = v + (double)rectangle.GetValue(Canvas.TopProperty);
double newLeft = h + (double)rectangle.GetValue(Canvas.LeftProperty);// 设置 rectangle 对象的位置为新的坐标.
rectangle.SetValue(Canvas.TopProperty, newTop);
rectangle.SetValue(Canvas.LeftProperty, newLeft);// 更新鼠标的当前坐标
_mouseY = e.GetPosition(null).Y;
_mouseX = e.GetPosition(null).X;
}
}private void rectangle_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
// ReleaseMouseCapture() - 如果指定的元素具有鼠标捕获，则释放该捕获
rectangle.ReleaseMouseCapture();
_isMouseCaptured = false;
}
}
}
