Silverlight入门教程

(一).概述
(二). 代码示例
1).基础知识示例
  1. 对象的定位
  2. 使用SilverLight插件
  3. SilverLight元素的鼠标事件
  4. SilverLight元素的键盘事件
  5. 方法createFromXaml使用示例
  6. 访问和修改Silverlight元素以及属性
  7. Silverlight中的字体使用
  8. 全屏支持功能
  9. Silverlight Downloader 对象使用
  10.定时器功能
  11.错误处理支持
  12.把xaml段内置在aspx或html页面中
2).制作图形示例
  13.基本图形形状示例
  14.画刷对象的使用
  15.视频刷对象的使用
  16.Path元素使用
  17.变换效果(Transform)
3).多媒体功能
  18.在线电影播放
4).制作动画效果示例
  19.一个动画示例
  20.动画的交互控制
  21.动画关键帧示例

(一).概述

Silverlight是一个跨浏览器的、跨操作系统平台的插件，为Web带来下一代媒体体验和丰富的交互式应用程序体验. 使用JS实现Ajax技术可以使网站具有很好的用户体验, 但它也会使网站过于庞大和臃肿. 业余时间学习了一下微软的Silverlight官方教程, 在学习时顺便根据学习示例整理了一个教程. 此教程包括一些精简的小例子, 主要针对开发使用场景展开示例, 在实际开发中也可以作为查找手册使用. 运行环境为VS 2005, 这些示例比较简单很容易看懂, 因此示例没有太多注释.

( 二). 代码示例

1).基础知识示例

1. 对象的定位

通过呈现几个Silverlight元素来示例对象之间的定位, 以及在一个页面中创建装载多个Silverlight对象.

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>Silverlight 对象的定位</title>

</ head >

< body >

createSilverlight1();

</script>

</div>

<hr>

createSilverlight2();

</script>

</div>

<hr>

createSilverlight3();

</script>

</div>

<hr>

createSilverlight4();

</script>

</div>

<hr>

createSilverlight5();

</script>

</div>

</form>

</ body >

</ html >

II. 页面对应的JS文件代码(Default.aspx.js)

// 创建对象

function createSilverlight1()

{

Silverlight.createObjectEx({

source: "Page1.xaml",

parentElement: document.getElementById("SilverlightControlHost1"),

id: "SilverlightControl1",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function createSilverlight2()

{

Silverlight.createObjectEx({

source: "Page2.xaml",

parentElement: document.getElementById("SilverlightControlHost2"),

id: "SilverlightControl2",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function createSilverlight3()

{

Silverlight.createObjectEx({

source: "Page3.xaml",

parentElement: document.getElementById("SilverlightControlHost3"),

id: "SilverlightControl3",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function createSilverlight4()

{

Silverlight.createObjectEx({

source: "Page4.xaml",

parentElement: document.getElementById("SilverlightControlHost4"),

id: "SilverlightControl4",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function createSilverlight5()

{

Silverlight.createObjectEx({

source: "Page5.xaml",

parentElement: document.getElementById("SilverlightControlHost5"),

id: "SilverlightControl5",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

III.Xaml文件代码

1. Page1.xaml代码

< Canvas

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

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

Width = "640"Height="480"

Background = "LightGreen"

Canvas.Left = "10"

Canvas.Top = "10"

< Rectangle Canvas.Left = "30"Canvas.Top="30"Fill="LightBlue"

Width = "200"Height="200" />

</ Canvas >

2. Page2.xaml代码

< Canvas

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

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

Width = "300"Height="300"

Background = "White">

< Canvas Width = "250"Height="250"Canvas.Left="30"Canvas.Top="30"Background="LightBlue">

< Rectangle Canvas.Left = "30"Canvas.Top="30"Fill="LightGreen"

Width = "200"Height="200" />

</ Canvas >

3. Page3.xaml代码

< Canvas

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

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

Width = "300"Height="300"

Background = "White">

< Line X1 = "280"Y1="10"X2="10"Y2="280"

Stroke = "Blue"StrokeThickness="5"/>

< Polyline Points = "150, 150 150, 250 250, 250 250, 150"

Stroke = "Yellow"StrokeThickness="10"/>

< Path Data = "M 10,100 C 10,300 300,-200 250,100z"

Stroke = "Red"Fill="Orange"

Canvas.Left = "10"Canvas.Top="10" />

</ Canvas >

4. Page4.xaml代码

< Canvas

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

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

Width = "200"Height="200">

< Rectangle

Canvas.Left = "100"Canvas.Top="100"

Width = "50"Height="50"

Fill = "RoyalBlue">

< Rectangle.RenderTransform >

< RotateTransform Angle = "45" />

</ Rectangle.RenderTransform >

</ Rectangle >

</ Canvas >

5. Page5.xaml代码

< Canvas

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

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

< Ellipse

Canvas.ZIndex = "3"

Canvas.Left = "5"Canvas.Top="5"

Height = "200"Width="200"

Stroke = "Black"StrokeThickness="10"Fill="Silver" />

< Ellipse

Canvas.ZIndex = "2"

Canvas.Left = "50"Canvas.Top="50"

Height = "200"Width="200"

Stroke = "Black"StrokeThickness="10"Fill="DeepSkyBlue" />

< Ellipse

Canvas.ZIndex = "1"

Canvas.Left = "95"Canvas.Top="95"

Height = "200"Width="200"

Stroke = "Black"StrokeThickness="10"Fill="Lime" />

</ Canvas >

2. 使用SilverLight插件

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 访问Silverlight插件</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

Opacity = "0"

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

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

Loaded = "onLoaded"MouseLeftButtonDown="MouseLeftButtonDown"

< Canvas.Triggers >

< EventTrigger RoutedEvent = "Canvas.Loaded">

< EventTrigger.Actions >

< BeginStoryboard >

< Storyboard >

< DoubleAnimation Storyboard.TargetName = "parentCanvas"Storyboard.TargetProperty="Opacity"From="0"To="1"Duration="0:0:5"/>

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger.Actions >

</ EventTrigger >

</ Canvas.Triggers >

< TextBlock Name = "helloBlock"Foreground="Black"Cursor="Hand"Text="King" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {onLoad:onLoad}

});

}

// 判断当前安装插件的版本

function onLoaded(sender, eventArgs)

{

var version = "1.1";

var isInstalled = Silverlight.isInstalled(version);

alert(isInstalled);

}

// 访问运行中插件

function MouseLeftButtonDown(sender, mouseEventArgs)

{

var plugin = sender.getHost();

alert("Silverlight V1.1 supported: " + plugin.isVersionSupported("1.1"));//plugin

alert("IsLoaded: " + plugin.IsLoaded);//plugin

alert("Background: " + plugin.Settings.Background); //plugin.Settings

alert("ActualHeight: " + plugin.Content.ActualHeight );//plugin.Content

}

function onLoad(plugin, userContext, sender)

{

alert(plugin.id + " : " + userContext + " : " + sender.toString());

}

3. SilverLight元素的鼠标事件

I.鼠标滑入和滑出事件

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>Silverlight 元素的鼠标进入/离开事件</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

Loaded = "onLoaded">

< Ellipse

MouseEnter = "onMouseEnter"

MouseLeave = "onMouseLeave"

Height = "100"Width="100"

Fill = "Teal"Name="Ellispse1" />

< Ellipse

MouseEnter = "onMouseEnter"

MouseLeave = "onMouseLeave"

Canvas.Left = "120"

Height = "100"Width="100"

Fill = "Teal"Name="Ellispse2" />

< TextBlock Name = "Status"Canvas.Top="120" />

< TextBlock Name = "RemoveClickEvent"Canvas.Top="250"Text="Click Me Remove Mouse Click Event"MouseLeftButtonDown="onMouseDownRemoveEvent" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onMouseEnter(sender, mouseEventArgs)

{

sender.fill = "Coral";

}

function onMouseLeave(sender, eventArgs)

{

sender.fill = "Teal";

}

var entertoken1, entertoken2,entertoken1,entertoken2;

function onLoaded(sender, eventArgs)

{

Ellispse1 = sender.findName("Ellispse1");

Ellispse2 = sender.findName("Ellispse2");

entertoken1 = Ellispse1.addEventListener("MouseLeftButtonUp", onMouseLeftButtonUp);

entertoken2 = Ellispse2.addEventListener("MouseLeftButtonUp", onMouseLeftButtonUp);

}

function onMouseLeftButtonUp(sender, mouseEventArgs)

{

var pt = mouseEventArgs.getPosition(null);

sender.findName("Status").text = "(" + pt.x + "," + pt.y + ")";

}

function onMouseDownRemoveEvent(sender, mouseEventArgs)

{

Ellispse1.removeEventListener("MouseLeftButtonUp", entertoken1);

Ellispse2.removeEventListener("MouseLeftButtonUp", entertoken2);

}

II.鼠标点击(按下/弹起)和移动事件

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>Silverlight 元素的鼠标点击/移动事件</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

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

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

MouseLeftButtonDown = "onMouseDown"

MouseLeftButtonUp = "onMouseUp"

MouseMove = "onMouseMove"

Canvas.Top = "20"Canvas.Left="50">

< Ellipse

Height = "100"Width="100"

Fill = "Gold"

Stroke = "Black"StrokeThickness="4" />

< Ellipse

Height = "50"Width="50"

Canvas.Top = "25"Canvas.Left="25"

Fill = "Black" />

< Canvas

MouseLeftButtonDown = "onMouseDown"

MouseLeftButtonUp = "onMouseUp"

MouseMove = "onMouseMove"

Canvas.Top = "140"Canvas.Left="100">

< Canvas.RenderTransform >

< RotateTransform Angle = "45" />

</ Canvas.RenderTransform >

< Rectangle

Height = "100"Width="100"

Fill = "Coral"

Stroke = "Black"StrokeThickness="4" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

var beginX;

var beginY;

var isMouseDown = false;

function onMouseDown(sender, mouseEventArgs)

{

beginX = mouseEventArgs.getPosition(null).x;

beginY = mouseEventArgs.getPosition(null).y;

isMouseDown = true;

// 使当前控件获取鼠标焦点, 即使光标不在该元素上

sender.captureMouse();

}

function onMouseMove(sender, mouseEventArgs)

{

if (isMouseDown == true)

{

var currX = mouseEventArgs.getPosition(null).x;

var currY = mouseEventArgs.getPosition(null).y;

sender["Canvas.Left"] += currX - beginX;

sender["Canvas.Top"] += currY - beginY;

beginX = currX;

beginY = currY;

}

function onMouseMove(sender, mouseEventArgs)

{

if (isMouseDown == true)

{

var currX = mouseEventArgs.getPosition(null).x;

var currY = mouseEventArgs.getPosition(null).y;

sender["Canvas.Left"] += currX - beginX;

sender["Canvas.Top"] += currY - beginY;

beginX = currX;

beginY = currY;

}

function onMouseUp(sender, mouseEventArgs)

{

isMouseDown = false;

sender.releaseMouseCapture();

}

4. SilverLight元素的键盘事件

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>Canvas 键盘按键事件</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

KeyDown = "onKeyDown"

< TextBlock Name = "helloBlock"Foreground="Black"Cursor="Hand"Text="King" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onKeyDown(sender, keyEventArgs)

{

var msg;

msg = " Press Shift = " + keyEventArgs.shift;

msg += " Press Ctrl = " + keyEventArgs.ctrl;

msg += " Key = " + keyEventArgs.key;

msg += " PlatformKeyCode = " + keyEventArgs.PlatformKeyCode;

msg += " The Platform is windows = " + (navigator.userAgent.indexOf("Windows") != -1);

alert(msg);

}

5.方法createFromXaml使用示例

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>createFromXaml 方法使用示例</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

MouseLeftButtonDown = "onMouseLeftButtonDown"

Width = "100"Height="100"Background="LightBlue"

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onMouseLeftButtonDown(sender, eventArgs)

{

var plugin = sender.getHost();

var xamlFragment = '<TextBlock Canvas.Top="0" Text="I was created by createFromXaml method!" />';

textBlock = plugin.content.createFromXaml(xamlFragment);

var xamlFragment2 = '<Ellipse Canvas.ZIndex="1" Canvas.Left="95" Canvas.Top="95" Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="Lime" />';

ellipse = plugin.content.createFromXaml(xamlFragment2);

ellipse.fill = createLinearGradientBrush(plugin);

sender.children.add(textBlock);

sender.children.add(ellipse);

}

function createLinearGradientBrush(plugin)

{

var xamlFragment = '<LinearGradientBrush>';

xamlFragment += '<GradientStop Color="Yellow" Offset="0.0" />';

xamlFragment += '<GradientStop Color="Orange" Offset="0.5" />';

xamlFragment += '<GradientStop Color="Red" Offset="1.0" />';

xamlFragment += '</LinearGradientBrush>';

return plugin.content.createFromXaml(xamlFragment);

}

6.访问和修改Silverlight元素以及属性

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 访问和修改Silverlight元素以及属性</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

Loaded = "onLoaded"

< TextBlock Name = "TextBlock1"Foreground="Black"Cursor="Hand" />

< TextBlock Name = "TextBlock2"Foreground="Black"Cursor="Hand"Canvas.Top="20" />

< TextBlock Name = "TextBlock3"Foreground="Black"Cursor="Hand"Canvas.Top="40" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

//findName Method

sender.findName("TextBlock1").text = "King1";

//getItem Method

sender.children.getItem(1).text = "King2";

//getValue 和setValue 方法

var textBlock3 = sender.findName("TextBlock3");

textBlock3.text = "King3";

var text = textBlock3.getValue("text");

textBlock3.setValue("text", text);

//Extend Property

textBlock3["Canvas.Top"] = 40; // 自己修改一下该值

}

7. Silverlight中的字体使用

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>Silverlight 中的字体</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

Loaded = "onLoaded"

< TextBlock

Text = "Font Attributes"

FontFamily = "Verdana"

FontSize = "36"

FontStretch = "UltraExpanded"

FontStyle = "Italic"

FontWeight = "ExtraBlack" />

< TextBlock Canvas.Top = "60"

FontFamily = "Arial"Width="400"Text="Sample text formatting runs">

< LineBreak />

< Run Foreground = "Maroon"FontFamily="Courier New"FontSize="24">Courier New 24</Run>

< LineBreak />

< Run Foreground = "Teal"FontFamily="Times New Roman"FontSize="18"FontStyle="Italic">Times New Roman Italic 18</Run>

< LineBreak />

< Run Foreground = "SteelBlue"FontFamily="Verdana"FontSize="14"FontWeight="Bold">Verdana Bold 14</Run>

</ TextBlock >

< TextBlock

Canvas.Top = "150"

FontFamily = "Arial"

FontSize = "32"

FontWeight = "Bold"

Foreground = "Navy">

Navy

< Run Text = "DodgerBlue "Foreground="DodgerBlue"/>

< Run Text = "LightSteelBlue "Foreground="LightSteelBlue"/>

</ TextBlock >

< TextBlock

Canvas.Top = "200"

FontFamily = "Verdana"

FontSize = "32"

FontWeight = "Bold">

LINEAR GRADIENT BRUSH

< TextBlock.Foreground >

< LinearGradientBrush StartPoint = "0,0"EndPoint="1,1">

< GradientStop Color = "Red"Offset="0.0" />

< GradientStop Color = "Orange"Offset="0.2" />

< GradientStop Color = "Yellow"Offset="0.4" />

< GradientStop Color = "Green"Offset="0.6" />

< GradientStop Color = "Blue"Offset="0.8" />

< GradientStop Color = "Violet"Offset="1.0" />

</ LinearGradientBrush >

</ TextBlock.Foreground >

< TextBlock.RenderTransform >

< ScaleTransform ScaleY = "3.0" />

</ TextBlock.RenderTransform >

</ TextBlock >

< TextBlock Text = "Rotated Text"FontSize="32"Foreground="Teal"Canvas.Top="300">

< TextBlock.RenderTransform >

< RotateTransform Angle = "90" />

</ TextBlock.RenderTransform >

</ TextBlock >

< TextBlock Canvas.Top = "400"

FontSize = "32"

FontWeight = "Bold"

Foreground = "Maroon"

Text = "Skewed Text">

< TextBlock.RenderTransform >

< SkewTransform AngleX = "-30"AngleY="0" />

</ TextBlock.RenderTransform >

</ TextBlock >

< TextBlock Canvas.Top = "450"

FontSize = "32"

FontWeight = "Bold"

Foreground = "Maroon"

Text = "Skewed Text">

< TextBlock.RenderTransform >

< SkewTransform AngleX = "30"AngleY="0" />

</ TextBlock.RenderTransform >

</ TextBlock >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "1000",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

}

8.全屏支持功能

I. 页面代码(Default.aspx)

html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 全屏支持功能</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

Width = "300"Height="300"Loaded="onLoaded">

< MediaElement Name = "media"Source="http://jd.ikmtv.com/mymtv123/ 许志安_光辉岁月.wmv "Width="300"Height="300"MouseLeftButtonUp="onMouseLeftButtonUp" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "500",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

// 双击事件

function onMouseLeftButtonUp(sender, mouseEventArgs)

{

//plugin.content.fullScreen = !plugin.content.fullScreen;

var b=(new Date).getTime(),c=this._timeLastLeftButtonUp;

this._timeLastLeftButtonUp=b;

var a=c&&b-c<300;

if(a)

{

// 处理双击事件

this._timeLastLeftButtonUp=0;

var plugin=sender.getHost();

plugin.content.fullScreen = !plugin.content.fullScreen;

}

else

{

// 处理单击事件

}

var media;

function onLoaded(sender, mouseEventArgs)

{

media = sender.findName("media");

// 处理FullScreenChangeded事件

plugin = sender.getHost();

plugin.content.onFullScreenChange = onFullScreenChanged;

updateLayout(plugin.content.actualWidth, plugin.content.actualHeight);

}

function onFullScreenChanged(sender, eventArgs)

{

updateLayout(plugin.content.actualWidth, plugin.content.actualHeight);

}

function updateLayout(width, height)

{

media.width=width;

media.height=height;

}

9. Silverlight Downloader 对象使用

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title>Silverlight Downloader 对象使用</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

Loaded = "onLoaded"

< Canvas MouseLeftButtonDown = "onMouseLeftButtonDown"Canvas.Left="10">

< Rectangle Stroke = "Black"Height="30"Width="250"RadiusX="5"RadiusY="5">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "Orange"Offset="0.0" />

< GradientStop Color = "Red"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "10"Canvas.Top="5">Click me to download a picture!</TextBlock>

</ Canvas >

< Canvas Canvas.Top = "70">

< Rectangle Name = "progressRectangle"

Canvas.Left = "20"

Height = "10"Width="0"

Fill = "Maroon" />

< Rectangle

Canvas.Top = "-1"

Canvas.Left = "19"Height="12"

Width = "202"

StrokeThickness = "1"Stroke="Black" />

< TextBlock Name = "progressText"

Canvas.Top = "-4"Canvas.Left="230"

Text = "0%"FontSize="12" />

</ Canvas >

< TextBlock Canvas.Top = "100"Width="100"Height="100"FontSize="72">

King,King,King

< TextBlock.Foreground >

< ImageBrush Name = "imageBrush" />

</ TextBlock.Foreground >

</ TextBlock >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

progressText = sender.findName("progressText");

progressRectangle = sender.findName("progressRectangle");

imageBrush = sender.findName("imageBrush");

}

function onMouseLeftButtonDown(sender, eventArgs)

{

var slPlugin = sender.getHost();

var downloader = slPlugin.createObject("downloader");

downloader.addEventListener("downloadProgressChanged", onDownloadProgressChanged);

downloader.addEventListener("completed", onCompleted);

downloader.open("GET", "Silverlight_Multimedea.JPG");

downloader.send();

}

function onDownloadProgressChanged(sender, eventArgs)

{

var percentage = Math.floor(sender.downloadProgress * 100);

progressText.text = percentage + "%";

progressRectangle.width = percentage * 2;

}

function onCompleted(sender, eventArgs)

{

//var xamlFragment = sender.ResponseText;

//var button = plugin.content.createFromXaml(xamlFragment);

var plugin = sender.getHost();

var imageBrush = sender.findName("imageBrush");

imageBrush.setSource(sender,"");

}

10.定时器功能

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 定时器功能</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

< Canvas.Resources >

< Storyboard Duration = "0:0:1"Completed="StoryboardFinished"x:Name="timerStoryboard" />

</ Canvas.Resources >

< Rectangle

Name = "MyAnimatedRectangle"

Width = "100"

Height = "100"

Fill = "Blue"

Loaded = "StartTimer">

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimation

Storyboard.TargetName = "MyAnimatedRectangle"

Storyboard.TargetProperty = "Opacity"

From = "1.0"To="0"Duration="0:0:5"

AutoReverse = "True"RepeatBehavior="Forever" />

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

< TextBlock Canvas.Top = "110"Name="myTextBlock" ></TextBlock>

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

}

function StartTimer(sender, mouseEventArgs)

{

var timer = sender.findName("timerStoryboard");

timer.begin();

}

function StoryboardFinished(sender, mouseEventArgs)

{

var rect = sender.findName("MyAnimatedRectangle");

var txtBlock = sender.findName("myTextBlock");

txtBlock.text = String(rect.opacity);

var timer = sender.findName("timerStoryboard");

timer.begin();

}

11.错误处理支持

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 错误处理支持</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

Loaded = "onLoaded">

< Ellipse

MouseLeftButtonDown = "onMouseDownEventHandler"

Height = "200"Width="200"

Fill = "Teal"Name="Ellispse1" />

< MediaElement Name = "media"Width="300"Height="300"MediaFailed="MediaFailedHandler" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events:

{onError:onErrorandler}

});

}

function onMouseDownEventHandler(sender, moseEventArgs)

{

var player = sender.findName("media");

// 方式

//player.play();

//return;

// 方式

try

{

player.play();

}

catch(e)

{

alert(e.message);

}

// 方式

// 注意: events:{onError:onErrorandler} 中onError:null时将执行此代码

function MediaFailedHandler(sender, args)

{

var errorMsg = "\n Media Error Message \n" ;

errorMsg += "MediaElement Name: " + sender.Name + "\n";

errorMsg += "Media File Name: " + sender.Source + "\n";

alert(errorMsg);

}

//events:{onError:onErrorandler}

function onErrorandler(sender, errorArgs)

{

var errorMsg = "Silverlight Error: \n\n";

errorMsg += "Error Type: " + errorArgs.errorType + "\n";

errorMsg += "Error Message: " + errorArgs.errorMessage + "\n";

errorMsg += "Error Code: " + errorArgs.errorCode + "\n";

switch(errorArgs.errorType)

{

case "RuntimeError":

if (errorArgs.lineNumber != 0)

{

errorMsg += "Line: " + errorArgs.lineNumber + "\n";

errorMsg += "Position: " + errorArgs.charPosition + "\n";

}

errorMsg += "MethodName: " + errorArgs.methodName + "\n";

break;

case "ParserError":

errorMsg += "Xaml File: " + errorArgs.xamlFile + "\n";

errorMsg += "Xml Element: " + errorArgs.xmlElement + "\n";

errorMsg += "Xml Attribute: " + errorArgs.xmlAttribute + "\n";

errorMsg += "Line: " + errorArgs.lineNumber + "\n";

errorMsg += "Position: " + errorArgs.charPosition + "\n";

break;

default:

break;

}

alert(errorMsg);

}

12.把xaml段内置在aspx或html页面中

这样的话就不用单独的 *.xaml 文件来承载SilverLight对象控件元素内容.

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 把xaml段内置在aspx或html页面中</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

<?xml version="1.0"?>

<Canvas

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

Background="Wheat">

<TextBlock

Canvas.Left="20"

FontSize="24"

Loaded="setDate" />

</Canvas>

</script>

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

文件省略, 其内容集成到 Default.aspx页面中了.

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: '#xamlContent',

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function setDate(sender, eventArgs)

{

sender.text = Date();

}

2).制作图形示例

13.基本图形形状示例

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 基本图形形状示例</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

Loaded = "onLoaded"

< Line

X1 = "10"Y1="10"

X2 = "50"Y2="50"

Stroke = "Black"

StrokeThickness = "4" />

< Line

X1 = "10"Y1="10"

X2 = "50"Y2="50"

StrokeThickness = "4"

Canvas.Left = "100">

< Line.Stroke >

< RadialGradientBrush GradientOrigin = "0.5,0.5"Center="0.5,0.5"RadiusX="0.5"RadiusY="0.5">

< RadialGradientBrush.GradientStops >

< GradientStop Color = "Red"Offset="0" />

< GradientStop Color = "Blue"Offset="0.25" />

</ RadialGradientBrush.GradientStops >

</ RadialGradientBrush >

</ Line.Stroke >

</ Line >

< Line

X1 = "10"Y1="60"

X2 = "150"Y2="60"

Stroke = "Black"

StrokeThickness = "4"/>

< Ellipse

Fill = "Yellow"

Height = "100"

Width = "200"

StrokeThickness = "2"

Stroke = "Black"Canvas.Top="100"/>

< Path Stroke = "DarkGoldenRod"StrokeThickness="3"

Data = "M 100,200 C 100,25 400,350 400,175 H 280"Canvas.Top="150" />

< Polyline Points = "25,25 0,50 25,75 50,50 25,25 25,0"

Stroke = "Blue"StrokeThickness="10"

Canvas.Left = "75"Canvas.Top="250">

< Polyline.RenderTransform >

< RotateTransform CenterX = "0"CenterY="0"Angle="45" />

</ Polyline.RenderTransform >

</ Polyline >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

}

14.画刷对象的使用

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas Name = "parentCanvas"

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

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

Loaded = "onLoaded"

< Rectangle Width = "100"Height="100"Fill="Red" />

< Rectangle Width = "100"Height="100"Fill="#FFFF0000"Canvas.Top="110" />

< Rectangle Width = "100"Height="100"Canvas.Top="220" >

< Rectangle.Fill >

< SolidColorBrush Color = "Red" />

</ Rectangle.Fill >

</ Rectangle >

< Rectangle Width = "100"Height="100"Canvas.Top="330">

< Rectangle.Fill >

< SolidColorBrush Color = "#FFFF0000" />

</ Rectangle.Fill >

</ Rectangle >

< Rectangle Width = "200"Height="100"Canvas.Top="440">

< Rectangle.Fill >

< LinearGradientBrush StartPoint = "0,0"EndPoint="1,1">

< GradientStop Color = "Yellow"Offset="0.0" />

< GradientStop Color = "Red"Offset="0.25" />

< GradientStop Color = "Blue"Offset="0.75" />

< GradientStop Color = "LimeGreen"Offset="1.0" />

</ LinearGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< Rectangle Width = "200"Height="100"Canvas.Top="550">

< Rectangle.Fill >

< LinearGradientBrush StartPoint = "0,0.5"EndPoint="1,0.5">

< GradientStop Color = "Yellow"Offset="0.0" />

< GradientStop Color = "Red"Offset="0.25" />

< GradientStop Color = "Blue"Offset="0.75" />

< GradientStop Color = "LimeGreen"Offset="1.0" />

</ LinearGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< Rectangle Width = "200"Height="100"Canvas.Top="660">

< Rectangle.Fill >

< LinearGradientBrush StartPoint = "0.5,0"EndPoint="0.5,1">

< GradientStop Color = "Yellow"Offset="0.0" />

< GradientStop Color = "Red"Offset="0.25" />

< GradientStop Color = "Blue"Offset="0.75" />

< GradientStop Color = "LimeGreen"Offset="1.0" />

</ LinearGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< Rectangle Width = "200"Height="100"Canvas.Top="770">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.5,0.5"Center="0.5,0.5"

RadiusX = "0.5"RadiusY="0.5">

< GradientStop Color = "Yellow"Offset="0" />

< GradientStop Color = "Red"Offset="0.25" />

< GradientStop Color = "Blue"Offset="0.75" />

< GradientStop Color = "LimeGreen"Offset="1" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< Rectangle Width = "100"Height="100"Canvas.Top="880">

< Rectangle.Fill >

< LinearGradientBrush StartPoint = "0,0">

< GradientStop Color = "#200000FF"Offset="0.0" />

< GradientStop Color = "#FF0000FF"Offset="1.0" />

</ LinearGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "10000",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

}

15.视频刷对象的使用

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 视频刷使用</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

< MediaElement

Name = "mediaElement"

Source = "http://jd.ikmtv.com/beyond_ghsy.wmv"IsMuted="True"

Opacity = "0.0" />

< TextBlock Canvas.Left = "5"Canvas.Top="30"

FontFamily = "Verdana"FontSize="120"

FontWeight = "Bold"TextWrapping="Wrap"

Text = "Video">

< TextBlock.Foreground >

< VideoBrush SourceName = "mediaElement"Stretch="UniformToFill" />

</ TextBlock.Foreground >

</ TextBlock >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function onLoaded(sender, eventArgs)

{

}

16.Path元素使用

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

< Path Stroke = "Black"Fill="Gray"

Data = "M 10,100 C 10,300 300,-200 300,100" />

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

17.变换效果(Transform)

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

Width = "200"Height="200">

< Rectangle

Canvas.Left = "100"Canvas.Top="100"

Width = "50"Height="50"

Fill = "RoyalBlue">

< Rectangle.RenderTransform >

< RotateTransform Angle = "45" />

</ Rectangle.RenderTransform >

</ Rectangle >

< Rectangle

Canvas.Left = "100"Canvas.Top="200"

Width = "50"Height="50"

Fill = "RoyalBlue">

< Rectangle.RenderTransform >

< RotateTransform Angle = "45"CenterX="25"CenterY="25" />

</ Rectangle.RenderTransform >

</ Rectangle >

< Rectangle

Canvas.Left = "100"Canvas.Top="300"

Width = "50"Height="50"

Fill = "RoyalBlue">

< Rectangle.RenderTransform >

< RotateTransform Name = "myTransform"Angle="45"CenterX="25"CenterY="25" />

</ Rectangle.RenderTransform >

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimation

Storyboard.TargetName = "myTransform"

Storyboard.TargetProperty = "Angle"

From = "0"To="360"Duration="0:0:5"RepeatBehavior="Forever" />

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "500",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

3).多媒体功能

18.在线电影播放

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 在线影视播放</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

Width = "300"Name="mainControl"Height="300"Loaded="onLoaded">

< MediaElement Name = "media"Source="http://jd.ikmtv.com/aymtv/beyond_ 喜欢你.wmv "Width="300"Height="300"

MouseLeftButtonUp = "onMouseLeftButtonUp"AutoPlay="True"Visibility="Visible" />

< Canvas MouseLeftButtonDown = "media_stop"

Canvas.Left = "0"Canvas.Top="310">

< Rectangle Stroke = "Black"

Height = "30"Width="55"RadiusX="5"RadiusY="5">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "LimeGreen"Offset="0.0" />

< GradientStop Color = "Green"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "5"Canvas.Top="5">Stop</TextBlock>

</ Canvas >

< Canvas MouseLeftButtonDown = "media_pause"

Canvas.Left = "60"Canvas.Top="310">

< Rectangle Stroke = "Black"

Height = "30"Width="55"RadiusX="5"RadiusY="5">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "LimeGreen"Offset="0.0" />

< GradientStop Color = "Green"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "5"Canvas.Top="5">Pause</TextBlock>

</ Canvas >

< Canvas MouseLeftButtonDown = "media_begin"

Canvas.Left = "120"Canvas.Top="310">

< Rectangle Stroke = "Black"RadiusX="5"RadiusY="5"

Height = "30"Width="55">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "LimeGreen"Offset="0.0" />

< GradientStop Color = "Green"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "5"Canvas.Top="5">Play</TextBlock>

</ Canvas >

< Canvas MouseLeftButtonDown = "media_addvolumn"

Canvas.Left = "180"Canvas.Top="310">

< Rectangle Stroke = "Black"RadiusX="5"RadiusY="5"

Height = "30"Width="55">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "LimeGreen"Offset="0.0" />

< GradientStop Color = "Green"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "5"Canvas.Top="5">+V</TextBlock>

</ Canvas >

< Canvas MouseLeftButtonDown = "media_mutevolumn"

Canvas.Left = "240"Canvas.Top="310">

< Rectangle Stroke = "Black"RadiusX="5"RadiusY="5"

Height = "30"Width="55">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "LimeGreen"Offset="0.0" />

< GradientStop Color = "Green"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "5"Canvas.Top="5"> No V</TextBlock>

</ Canvas >

< Canvas MouseLeftButtonDown = "media_subvolumn"

Canvas.Left = "300"Canvas.Top="310">

< Rectangle Stroke = "Black"RadiusX="5"RadiusY="5"

Height = "30"Width="50">

< Rectangle.Fill >

< RadialGradientBrush GradientOrigin = "0.75,0.25">

< GradientStop Color = "LimeGreen"Offset="0.0" />

< GradientStop Color = "Green"Offset="1.0" />

</ RadialGradientBrush >

</ Rectangle.Fill >

</ Rectangle >

< TextBlock Canvas.Left = "5"Canvas.Top="5"> -V</TextBlock>

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function media_stop(sender, args) {

sender.findName("media").stop();

}

function media_pause(sender, args) {

sender.findName("media").pause();

}

function media_begin(sender, args) {

sender.findName("media").play();

}

function media_addvolumn(sender, args) {

sender.findName("media").Volume += 0.1;

}

function media_subvolumn(sender, args) {

sender.findName("media").Volume -= 0.1;

}

function media_mutevolumn(sender, args) {

sender.findName("media").IsMuted = !sender.findName("media").IsMuted;

}

// 双击事件

function onMouseLeftButtonUp(sender, mouseEventArgs)

{

//plugin.content.fullScreen = !plugin.content.fullScreen;

var b=(new Date).getTime(),c=this._timeLastLeftButtonUp;

this._timeLastLeftButtonUp=b;

var a=c&&b-c<300;

if(a)

{

// 处理双击事件

this._timeLastLeftButtonUp=0;

var plugin=sender.getHost();

plugin.content.fullScreen = !plugin.content.fullScreen;

}

else

{

// 处理单击事件

}

var media;

function onLoaded(sender, mouseEventArgs)

{

media = sender.findName("media");

// 处理FullScreenChangeded事件

plugin = sender.getHost();

plugin.content.onFullScreenChange = onFullScreenChanged;

updateLayout(plugin.content.actualWidth, plugin.content.actualHeight);

}

function onFullScreenChanged(sender, eventArgs)

{

updateLayout(plugin.content.actualWidth, plugin.content.actualHeight);

}

function updateLayout(width, height)

{

media.width=width;

media.height=height;

}

4).制作动画效果示例

19.一个动画示例

随着时间背景产生渐变效果的矩形.

I.页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 随着时间背景产生渐变效果的矩形</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

< Rectangle

Name = "MyAnimatedRectangle"

Width = "100"

Height = "100"

Fill = "Blue">

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimation

Storyboard.TargetName = "MyAnimatedRectangle"

Storyboard.TargetProperty = "Opacity"

From = "1.0"To="0.0"Duration="0:0:5"AutoReverse="True"RepeatBehavior="Forever" />

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

20.动画的交互控制

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 动画的交互控制</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

< Canvas.Resources >

< Storyboard Name = "myStoryboard">

< DoubleAnimation

Storyboard.TargetName = "MyAnimatedRectangle"

Storyboard.TargetProperty = "Opacity"

From = "1.0"To="0.0"Duration="0:0:5"

AutoReverse = "True" />

</ Storyboard >

</ Canvas.Resources >

< Rectangle

Name = "MyAnimatedRectangle"

Width = "100"

Height = "100"

Fill = "Blue"

MouseLeftButtonDown = "startAnimation">

</ Rectangle >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "350",

height: "350",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

function startAnimation(sender, mouseEventArgs)

{

// 开始运行

sender.findName("myStoryboard").begin();

}

21.动画关键帧示例

I. 页面代码(Default.aspx)

< html xmlns="http://www.w3.org/1999/xhtml" >

< head runat="server">

<title> 动画的关键帖</title>

</ head >

< body onload="document.getElementById('SilverlightControlHost').focus()">

createSilverlight();

</script>

</div>

</form>

</ body >

</ html >

II.Xaml文件代码

< Canvas

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

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

Width = "400"Height="300">

< Rectangle Fill = "Blue"

Width = "50"Height="50">

< Rectangle.RenderTransform >

< TranslateTransform

Name = "MyAnimatedTranslateTransform1"

X = "0"Y="0" />

</ Rectangle.RenderTransform >

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimationUsingKeyFrames

Storyboard.TargetName = "MyAnimatedTranslateTransform1"

Storyboard.TargetProperty = "X"

Duration = "0:0:10">

< LinearDoubleKeyFrame Value = "0"KeyTime="0:0:0" />

< LinearDoubleKeyFrame Value = "350"KeyTime="0:0:2" />

< LinearDoubleKeyFrame Value = "50"KeyTime="0:0:7" />

< LinearDoubleKeyFrame Value = "200"KeyTime="0:0:8" />

</ DoubleAnimationUsingKeyFrames >

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

< Rectangle Fill = "Blue"

Width = "50"Height="50">

< Rectangle.RenderTransform >

< TranslateTransform

Name = "SplineAnimatedTranslateTransform2"

X = "0"Y="0" />

</ Rectangle.RenderTransform >

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimationUsingKeyFrames

Storyboard.TargetName = "SplineAnimatedTranslateTransform2"

Storyboard.TargetProperty = "X"

Duration = "0:0:15"

RepeatBehavior = "Forever">

< SplineDoubleKeyFrame Value = "500"

KeyTime = "0:0:7"KeySpline="0.0,1.0 1.0,0.0" />

< SplineDoubleKeyFrame Value = "200"

KeyTime = "0:0:10"KeySpline="0.0,0.0 1.0,0.0" />

< SplineDoubleKeyFrame Value = "350"

KeyTime = "0:0:15"KeySpline="0.25,0.5 0.75,1" />

</ DoubleAnimationUsingKeyFrames >

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

< Rectangle Fill = "Blue"

Width = "50"Height="50">

< Rectangle.RenderTransform >

< TranslateTransform

Name = "ComboAnimatedTranslateTransform3"

X = "0"Y="0" />

</ Rectangle.RenderTransform >

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimationUsingKeyFrames

Storyboard.TargetName = "ComboAnimatedTranslateTransform3"

Storyboard.TargetProperty = "X"

Duration = "0:0:15"

RepeatBehavior = "Forever">

< DiscreteDoubleKeyFrame Value = "500"KeyTime="0:0:7" />

< LinearDoubleKeyFrame Value = "200"KeyTime="0:0:10" />

< SplineDoubleKeyFrame Value = "350"KeyTime="0:0:15"

KeySpline = "0.25,0.5 0.75,1" />

</ DoubleAnimationUsingKeyFrames >

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

< Rectangle Fill = "Blue"

Width = "50"Height="50">

< Rectangle.RenderTransform >

< TranslateTransform

Name = "MyAnimatedTranslateTransform4"

X = "0"Y="0" />

</ Rectangle.RenderTransform >

< Rectangle.Triggers >

< EventTrigger RoutedEvent = "Rectangle.Loaded">

< BeginStoryboard >

< Storyboard >

< DoubleAnimationUsingKeyFrames

Storyboard.TargetName = "MyAnimatedTranslateTransform4"

Storyboard.TargetProperty = "X"

Duration = "0:0:10">

< LinearDoubleKeyFrame Value = "100"KeyTime="0:0:3" />

< LinearDoubleKeyFrame Value = "200"KeyTime="0:0:8" />

< LinearDoubleKeyFrame Value = "500"KeyTime="0:0:9" />

< LinearDoubleKeyFrame Value = "600"KeyTime="0:0:10" />

</ DoubleAnimationUsingKeyFrames >

</ Storyboard >

</ BeginStoryboard >

</ EventTrigger >

</ Rectangle.Triggers >

</ Rectangle >

</ Canvas >

III.页面对应的JS文件代码(Default.aspx.js)

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "1000",

height: "1000",

version: "1.0",

background: "white",

isWindowless: "true",

enableHtmlAccess: "true"

events: {}

});

}

(三). 本入门教程示例代码下载

http://files.cnblogs.com/MVP33650/Silverlight(ByChengKing).rar

你可能感兴趣的:(silverlight)

HTTP 请求已超过分配的超时。为此操作分配的时间可能是较长超时的一部分
SilverLight调用WEBSERVICE时对HTTP请求已超过分配的超时。为此操作分配的时间可能是较长超时的一部分。解决方案：在SilverLight的ServiceReferences.ClientConfig中对超时进行设置。openTimeout="00:10:00"receiveTimeout="00:10:00"sendTimeout="00:10:00"closeTimeout=
WPF两种绑定方式的分析 zzyzxb WPF wpf
一、两种绑定方式的分析你提供的代码展示了两种不同的属性绑定实现方式：传统的CLR属性配合INotifyPropertyChanged接口，以及WPF依赖属性(DependencyProperty)系统。相同点目的相同：两种方式都是为了实现属性值变化时通知UI更新数据绑定支持：都可以用于WPF/Silverlight/Xamarin等支持数据绑定的UI框架基本功能：都能实现单向绑定和双向绑定的基本功
Silverlight中OneTime,OneWay,TwoWay及INotifyPropertyChanged 接口的理解大然Ryan .NET&C#silverlight button textbox binding object string
今天有时间把Silverlight中OneTime,OneWay,TwoWay及INotifyPropertyChanged接口的理解等数据绑定方面的东西理解学习了下！下面是我的笔记。（一）前台代码：（二）后台代码publicpartialclassMainPage:UserControl{Bookbook=newBook();publicMainPage(){InitializeComponen
WPF/Silverlight深度解决方案：(八)誓将内存释放到底 alamiye010 WPF/Silverlight silverlight 浏览器 object function 网页游戏 firefox
WPF/Silverlight应用程序长时间运行后会产生非常多的内存垃圾（内存泄露例外），特别是在经常需要进行Remove操作的粒子、动画、游戏等方面的应用，国外高手们提出的方案我归纳了一下主要有：1）UIElement控件实例=null2）定时调用GC.Collect()3）让控件继承Idisposable接口，并实现相应逻辑这三种方法都有一定的作用，但是实际使用中均往往难以达到预期效果。特别是
Vue常见面试题(持续更新) Hello-Mr.Wang vue.js 前端 javascript
Vue面试题1.谈谈你对MVVM开发模式的理解MVVM（Model-View-ViewModel）是一种软件架构设计模式，特别适用于构建现代的用户界面应用程序，尤其是在前端开发领域中广为采用。它起源于微软WPF和Silverlight技术栈，后来在JavaScript世界中的框架如Vue.js、AngularJS/Angular以及React（通过Redux等状态管理库结合使用）得到了广泛应用。组
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月3日-9月9日) weixin_33970449 c#c/c++数据库
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月3日-9月9日)本周Silverlight学习资源更新Silverlight删除数据表格中的数据,表格头部定义全选按钮,批量删除飛雲若雪利用自定义属性定义枚举值的详细文本(兼容Silverlight)feiyangSliverlightDataGrid合并表头feiyangSilverlight如何获取控件的屏幕坐
分享Silverlight/WPF/Windows Phone一周学习导读(06月20日-06月26日) weixin_33901843 操作系统前端 javascript ViewUI
分享Silverlight/WPF/WindowsPhone一周学习导读本周Silverlight学习资源更新：SilverLight日历控件如何获得多语言的支持银光中国网Silverlight中LISTBOX嵌套布局问题银光中国网Silverlight4子窗口新增数据后，DataGrid中没有显示的问题银光中国网SilverlightTextBox控件的Watermark问题变通解决方法fan.
c# List与ObservableCollection lidandan2016 WPF c#
在WPF，silverlight，WP7中经常会用到List和ObservableCollection。这里简单讲一下他们之间的相互转换。1.List的简单介绍：List代表的是强类型的Ojbect集合，可以通过索引访问并且提供了查找、排序以及操作此集合的方法。List基本上和ArrayList相同，它用数组的方式实现了接口IList并且他的大小可以根据需要来自动增加。List的缺点在使用ASP.
POI导入Excel附件上传 [email protected] java POI Excel导入附件上传
-------------------------------------------前台页面---------------------------------------------------$(function(){varuploader=newplupload.Uploader({runtimes:'html5,flash,silverlight,html4',//触发文件选择对话框的按钮
Silverlight发展历程（微软2021年已经停止支持Silverlight 5）冰茶_ microsoft c#学习
MicrosoftSilverlight发展历程引言MicrosoftSilverlight是微软在Web多媒体和富互联网应用(RIA)领域的一次重要尝试，它从诞生到消亡的过程折射出了Web技术发展的变迁和行业格局的演变。本文将详细回顾Silverlight的完整发展历程，探讨其技术特点、应用场景、成功与失败的原因，以及它在互联网技术发展史上的地位和影响。起源与背景（2006-2007）互联网技术
mysql wpf根据触发器刷新数据_wpf 给数据触发器绑定数据库囡囡团团圆圆 mysql wpf根据触发器刷新数据
关于开发WPF的一些感想开发的技术细节本文就不谈了，作者只想从感性上谈谈学习和实际开发WPF的感想。首先祝大家新年快乐，小生给大家拜个晚年！两年前暑假，从百度百科上第一次了解WPF，被它的强大特性所吸引，当然最让我着迷和期待的就是“绚丽”二字。两年来，放弃了曾经的Winform开发知识，全面...文章沙漠之鹰1232016-04-214757浏览量分享Silverlight/WPF/Windows
MVVM（Model-View-ViewModel）详解山水CAD筑梦人 WPF入门(C#)c#
MVVM（Model-View-ViewModel）是一种软件架构模式，常用于构建客户端应用程序，特别是在WPF（WindowsPresentationFoundation）和Silverlight应用中，它将应用程序分为三个主要部分：1.Model（模型）：表示应用程序的数据和业务逻辑。它包含数据对象和处理这些数据的业务规则，与用户界面无关。2.View（视图）：负责用户界面的呈现，如WPF中的
[UWP]实用的Shape指南 weixin_34195364 c#ui
在UWPUI系统中，使用Shape是绘制2D图形最简单的方式，小到图标，大到图表都用到Shape的派生类，可以说有举足轻重的地位。幸运的是从Silverlight以来Shape基本没有什么大改动，简直是UWP中的一股清流。上图来自ProSilverlight5inC#，可见Silverlight中的Shape和UWP的Shape基本架构一致。Shape的API从WPF以来就几乎没变，对熟悉WPF/
Silverlight for Windows Phone 7：Hello Windows P... chengyixian7877
前言WindowsPhone7是一个崭新的移动电话操作系统，在应用程序的开发上跟先前也有些许的不同；首先在应用程序的开发上，不再支持使用Nativecode做为开发使用的语言，只支持managedcode的开发，而开发上的支持的framework为Silverlight以及XNA，两种framework主要的差异是XNA是Loop-based的应用程序，Silverlight是event-driv
C#面：MVC同时适用于Windows应用和Web应用吗？那个那个鱼 C#面试题 c#c#mvc .net
相比Windows应用，MVC架构更适用于Web应用。对于Windows应⽤，MVP(ModelViewPresenter)架构更好⼀点。如果使用WPF和Silverlight，MVVM更适合。MVC（Model-View-Controller）模式可以同时适用于Windows应用和Web应用。MVC是一种软件设计模式，它将应用程序分为三个主要部分：模型（Model）、视图（View）和控制器（C
前端上传组件Plupload使用指南梦想的征途其他
Plupload有以下功能和特点：1、拥有多种上传方式：HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境，选择最合适的上传方式，并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式，Plupload会自动为你选择最合适的方式。2、支持以拖拽的方式来选取要上传的文件3、支持在前端压缩图片，即在图片文件还未上传之前就对它进行压缩
转载 #if DEBUG用法解析 Bug丶Maker #if DEBUG C#C++
转载自https://www.cnblogs.com/flyking/archive/2011/03/04/1971321.html#ifDEBUG，这个东东其实以前刚开始学习C#的时候就知道了，也知道怎么用，但就是没有使用过。随想，很多人估计也都没有用过吧（嘿，自我安慰下）。最近看MVVMLight的代码时看到#ifSILVERLIGHT的东东，于是想起来#ifdebug来了，于是在代码中疯狂的
Word控件Spire.Doc 【超链接】教程(2)：在 Silverlight 中插入 Word 超链接慧都小妮子 Spire.Doc for.net 教程（完）word python c#pdf spire.doc
Spire.Docfor.NET是一款专门对Word文档进行操作的.NET类库。在于帮助开发人员无需安装MicrosoftWord情况下，轻松快捷高效地创建、编辑、转换和打印MicrosoftWord文档。拥有近10年专业开发经验Spire系列办公文档开发工具，专注于创建、编辑、转换和打印Word/PDF/Excel等格式文件处理，小巧便捷。Word超链接可以引导用户获取内容的其他相关信息。它可以
Html5开发的在线画板涂鸦,使用html5 canvas制作涂鸦画板人行有师 Html5开发的在线画板涂鸦
HTML5的canvas元素是HTML5新特性中最有用的元素之一。通过html5canvas，我们可以做图像处理、绘图、保存、恢复层和渲染图像等等操作，而不用依赖像AdobeFlashplayer和silverlight之类的外部插件。在这篇文章中，我们将编写一个Javascript插件来使大家可以在canvas上随意涂写和绘画，就像一块涂鸦画板一样。另外再添加一些额外的小功能，如选择线条的宽度和
【C#】MVVM架构 Z_W_H_ C#c#WPF
示例结果展示前提了解MVVM是Model-View-ViewModel的缩写形式，它通常被用于WPF或Silverlight开发。Model——可以理解为带有字段，属性的类。例如学校类，教师类，学生类等View——可以理解为我们所看到的UI。前端界面。ViewModel在View和Model之间，起到连接的作用，并且使得View和Model层分离。ViewModel不仅仅是Model的包装，它还包
DYCom多平台聊天室Sample 内Cool超人聊天平台 silverlight mobile windows 2010
本示例演示了如何通过DYcom开发一个多平台的简单聊天室。本演示包括了一个silverlight客户端，一个Win客户端和一个windowMobile客户端。以下是应用截图：登陆后可从本文下载源代码。运行本示例前请先确定连接ip地址与你本机的地址一致。本示例两含两个项目。一个项目使用vs2010篇写，另一个windowsmobile项目使用的是vs2008篇写，请各位注意。谢谢。欢迎您参与更多关于
还有什么不能做？——细谈在C#中读写Excel系列文章之四 ddjq1044
作为这一系列文章的最后一篇，向大家介绍下如何在Silverlight中解压和创建ExcelOpenXmlZIP压缩包。由于Silverlight对本地客户端文件系统访问的安全级别要求比较高，不太容易像Windows应用程序那样可以随意地读写目录和文件，我们不得不考虑使用一些其它的办法。如使用Silverlight的OOB（OutofBrowser）模式，可以允许Silverlight程序读写本地的
如何写了一个silverlight显示在blog的公共栏上 shansheng silverlight blog blend path object
Silverlight现在正流行，看了一些资料后，终于动手搞个简单的HelloWord似的程序。用Blend2创建一个Silverlight应用程序，在画布上添加了几个汉字，由于silverlight显示汉字有问题，所以把汉字转化为path即可。选中汉字点击object菜单里面有个path转化。ok。下面就是创建一个简单的动画了。添加一个timeline，生成几个关键帧后Bllend自动形成动画。
.NET报表控件ActiveReports 教程：应用系统中如何完成各种报表系统的需求不如温暖过生活界面开发教程 .NET ActiveReports 报表开发
在开始专题内容之前，我们还是了解一下ActiveReports是一款什么产品：ActiveReports是一款在全球范围内应用非常广泛的报表控件，以提供.NET报表所需的全部报表设计功能领先于同类报表控件，包括对交互式报表的强大支持、丰富的数据可视化形式、与VisualStudio的完美集成、以及对WPF/WinForm/ASP.NET/Silverlight和WindowsAzure的多平台支持
浅谈Windows 8, WinRT, XAML 和Silverlight 李明杨 Windows 8 C#Silverlight Metro WinRT Xaml silverlight windows javascript api 编程 c#
相信大家都很关注即将出世的Windows8，2月29日（也就是明天）的全球移动通信大会（MWC）上，微软将带来Windows8消费者预览版（ConsumerPreview），让我们来先睹为快，了解下windows8给我们带来了哪些新特性。桌面与MetroWindows8有两种模式，分别是“桌面”和“Metro”。这些名字都是暂时的，很可能在系统发布前改变。Silverlight和WPF将继续运行在
昂捷-ERP GetSignList sql注入 Hxdih 安全 web安全 mysql
介绍：昂捷信息，以软件开发为核心，聚焦于零售行业数字化赋能，为超市、便利店、百货、购物中心、专营专卖等各零售业态提供全面的数字化解决方案和咨询服务，是业界领先的全链路数字化解决方案服务商，旗下的办公自动化管理信息系统存在SQL漏洞FOFAFOFA语句：body="CheckSilverlightInstalled"漏洞复现：接口：/EnjoyRMIS_WS/WS/OA/CWSOffice.asmx
MVVM 泡杯感冒灵
摘自：https://www.cnblogs.com/iovec/p/7840228.htmlModel–View–ViewModel(MVVM)是一个软件架构设计模式，由微软WPF和Silverlight的架构师KenCooper和TedPeters开发，是一种简化用户界面的事件驱动编程方式。由JohnGossman（同样也是WPF和Silverlight的架构师）于2005年在他的博客上发表。
prism项目搭建 wpf_关于c＃：使用MVVM，Prism，WPF和MEF的模块化应用程序-示例/教程... weixin_39953481 prism项目搭建 wpf
我正在开发模块化应用程序，因此决定重新启动Prism并将其集成到我要创建的内容中，而不是尝试重新创建轮子。要求：易于更新的新功能(UI/服务)WPF(不是Silverlight，尤其是因为MS表示不再更新:()共享库，其中包含常见任务/服务能够阻止对基于AD组的DLL导入/方法的访问与AvalonDock之类的东西兼容例如：普通用户：查看，创建，修改特殊工具的权限1超级用户：可以查看，创建，修改，
Prism 框架解读之一系列 weixin_30649641 ui shell 游戏
名词解释1.什么是IOCIOC是InversionofControl的缩写，多数书籍翻译成“控制反转”。IOC和依赖注入（DI）所谓依赖注入，就是由IOC容器在运行期间，动态地将某种依赖关系注入到对象之中。2.Bootstrapper:在程序中使用框架需要找到一个切入点，将框架植入进去，将一部分功能委托给框架来实现。在Silverlight中使用Prism的切入点就是App.xaml.cs中的Ap
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月10日-9月16日) jv9 Windows 8 Silverlight Html5 WPF Windows Phone windows phone wpf silverlight windows html5 charts
Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月10日-9月16日)本周Silverlight学习资源更新Silverlight实用窍门系列：75.Silverlight中DataGrid制作复杂表头程兴亮解决SilverlightF5刷新问题浪子の无悔Silverlight4、5单元测试lianchangshuaiSilverlightdatagrid冻结或锁
mondb入手木zi_鸣 mongodb
windows 启动mongodb 编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help 查询各种配置配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口扩展28017，web端操作端口启动配置文件配置，数据更灵活
大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
扩展Web应用程序一.概念简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种： 1.
DISPLAY变量和xhost(原创) czmmiao display
DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
获取B/S客户端IP 周凡杨 java 编程 jsp Web 浏览器
最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为： String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
浅谈类和对象朱辉辉33 编程
类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的，占用存储空间。类是由属性和方法构成的，基本格式是public class 类名{ //定义属性 private/public 数据类型属性名； //定义方法 publ
android activity与viewpager+fragment的生命周期问题肆无忌惮_ viewpager
有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
base64Encode对图片进行编码 843977358 base64 图片 encoder
/** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
Request Header简介 aigo servlet
当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request Header) 用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：
HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient 爬虫 ssl
public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
java取反 -右移-左移-无符号右移的探讨百合不是茶位运算符位移
取反：在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
java多线程join的作用与用法 bijian1013 java 多线程
对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
Java发送http请求(get 与post方法请求) bijian1013 java spring
PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
在第一部份，定义了struts.xml文件，如下所示： <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
【Kafka十三】Kafka Simple Consumer bit1129 simple
代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。实际情况是需要将host和port绑定到一起， package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
nodejs学习api ronin47 nodejs api
NodeJS基础什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
java-64.寻找第N个丑数 bylijinnan java
public class UglyNumber { /** * 64.查找第N个丑数具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
二维数组（矩阵）对角线输出 bylijinnan 二维数组
/** 二维数组对角线输出两个方向例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
[JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
redis常见使用 cuityang redis 常见使用
redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
配置多个redis dalan_123 redis
配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo
attrib命令 dcj3sjt126com attr
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统. 只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护. 存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.
Yii使用公共函数 dcj3sjt126com yii
在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下： <?php /** * This is the shortcut to D
linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstat linux uname linux uptime linux free
linux 系统资源的查看转载请出自出处：http://eksliang.iteye.com/blog/2167081 http://eksliang.iteye.com 一、free查看内存的使用情况语法如下： free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
JAVA的位操作符 greemranqq 位运算 JAVA位移 <<>>>
最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。 1.按位操作符：按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。与（&）运算： 1&1 = 1, 1&0 = 0, 0&0 &
Web前段学习网站 ihuning Web
Web前段学习网站菜鸟学习：http://www.w3cschool.cc/ JQuery中文网：http://www.jquerycn.cn/ 内存溢出：http://outofmemory.cn/#csdn.blog http://www.icoolxue.com/ http://www.jikexue
强强联合：FluxBB 作者加盟 Flarum justjavac r
原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
java统计在线人数（session存储信息的） macroli java Web
这篇日志是我写的第三次了前两次都发布失败！郁闷极了！由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
bootstrp carousel初体验快速构建图片播放 qiaolevip 每天进步一点点学习永无止境 bootstrap 纵观千象
img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 spark sparksql sparksql读取hbase sparksql外部数据源
关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源前面文章介绍了SparSQL通过Hive操作HBase表。 SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
Spring Boot 1.3.0.M1发布 wiselyman spring boot
Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下： 1.提供一个新的sprin