Silverlight入门教程(15)

资料,教程,编程,文集

seEnter" 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)
II.Xaml 文件代码
<Canvas xmlns="/client/2007" xmlns:x="/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> </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.get