用Silverlight 1.0实现一个基于客户端系统时间的电子表。
来源:互联网 发布:域名服务器申请 编辑:程序博客网 时间:2024/04/18 18:05
用Silverlight 1.0实现一个基于客户端系统时间的电子表。
参考:http://silverlight.net/community/communitygallery.aspx
示例
Clock.xaml(用Expression Blend开发)
<Canvas
xmlns=http://schemas.microsoft.com/client/2007
xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml
Width="180" Height="150"
Background="#0030628D"
x:Name="Page" Loaded="enableClock"
>
<Rectangle x:Name="Frame" Width="180" Height="150" Stroke="#FF000000"
StrokeThickness="1" RadiusX="20" RadiusY="15">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1.1" StartPoint="0.5,-0.1">
<GradientStop Color="#FF259888" Offset="0"/>
<GradientStop Color="#FF259888" Offset="0.981"/>
<GradientStop Color="#FFC87947" Offset="0.416"/>
<GradientStop Color="#FFC87947" Offset="0.636"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle x:Name="Panel" Width="164" Height="134" Fill="#7F91B52C" Stroke="#FFA2AEBF"
RadiusX="50" RadiusY="15" Canvas.Left="8" Canvas.Top="8" StrokeThickness="2"/>
<Path x:Name="Line1" Width="163" Height="1" Fill="#FF100888" Stretch="Fill"
Stroke="#FF1B510C" Canvas.Left="8" Canvas.Top="92"
Data="M33.50029,83.29705 L161.89657,83.297051"/>
<Path x:Name="Line2" Width="1" Height="49" Fill="#FF100888" Stretch="Fill"
Stroke="#FF1B510C" Canvas.Left="63" Canvas.Top="92"
Data="M81.450752,138.29705 L81.450752,90.29705"/>
<Path x:Name="Line3" Width="1" Height="49" Fill="#FF100888" Stretch="Fill"
Stroke="#FF1B510C" Canvas.Left="119" Canvas.Top="92"
Data="M118.30501,164.29698 L118.30501,116.29699"/>
<TextBlock x:Name="Month" Width="16" Height="19" Canvas.Left="32.5" Canvas.Top="92"
TextWrapping="Wrap" Foreground="#FF100888" Text="M"/>
<TextBlock Width="16" Height="19" Canvas.Left="87" Canvas.Top="92" TextWrapping="Wrap"
x:Name="Day" Foreground="#FF100888" Text="D"/>
<TextBlock Width="16" Height="19" Canvas.Left="136" Canvas.Top="92" TextWrapping="Wrap"
x:Name="Week" Foreground="#FF100888" Text="W"/>
<TextBlock x:Name="txtMonth" Width="19" Height="19" Canvas.Left="29" Canvas.Top="111"
TextWrapping="Wrap" Foreground="#FF100888" Text="12"/>
<TextBlock x:Name="txtDay" Width="20.5" Height="19" Canvas.Left="83.5" Canvas.Top="111"
TextWrapping="Wrap" Foreground="#FF100888" Text="31"/>
<TextBlock x:Name="txtWeek" Width="32.5" Height="19" Canvas.Left="130" Canvas.Top="111"
TextWrapping="Wrap" Foreground="#FF100888" Text="Sun"/>
<TextBlock x:Name="txtHour" Width="48" Height="48" Canvas.Left="14.5" Canvas.Top="38"
TextWrapping="Wrap" FontSize="36" Foreground="#FF100888" Text="23"/>
<TextBlock x:Name="txtMinute" Width="48" Height="48" Canvas.Left="68.5" Canvas.Top="38"
TextWrapping="Wrap" FontSize="36" Foreground="#FF100888" Text="59"/>
<TextBlock x:Name="txtSecond" Width="49" Height="48" Canvas.Left="122" Canvas.Top="38"
TextWrapping="Wrap" FontSize="36" Foreground="#FF100888" Text="59"/>
<TextBlock x:Name="Colon1" Width="9.5" Height="27" Canvas.Left="62.5" Canvas.Top="48"
TextWrapping="Wrap" Foreground="#FF100888" Text=":" FontSize="20"/>
<TextBlock x:Name="Colon2" Width="12" Height="27" Canvas.Left="116.5" Canvas.Top="48"
TextWrapping="Wrap" Foreground="#FF100888" Text=":" FontSize="20"/>
<TextBlock x:Name="Copyright" Width="88" Height="16" Canvas.Left="16" TextWrapping="Wrap"
FontSize="12" Canvas.Top="22" Foreground="#FF100888" Text="webabcd clock"
MouseLeftButtonDown="MouseLeftButtonDown" MouseMove="MouseMove"
MouseLeave="MouseLeave"/>
<TextBlock x:Name="FullScreen" Width="88" Height="16" Canvas.Left="106"
TextWrapping="Wrap" FontSize="12" Canvas.Top="22" Foreground="#FF100888" Text="FullScreen"
MouseLeftButtonDown="toggle_fullScreen" MouseMove="MouseMove" MouseLeave="MouseLeave"/>
</Canvas>
xmlns=http://schemas.microsoft.com/client/2007
xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml
Width="180" Height="150"
Background="#0030628D"
x:Name="Page" Loaded="enableClock"
>
<Rectangle x:Name="Frame" Width="180" Height="150" Stroke="#FF000000"
StrokeThickness="1" RadiusX="20" RadiusY="15">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1.1" StartPoint="0.5,-0.1">
<GradientStop Color="#FF259888" Offset="0"/>
<GradientStop Color="#FF259888" Offset="0.981"/>
<GradientStop Color="#FFC87947" Offset="0.416"/>
<GradientStop Color="#FFC87947" Offset="0.636"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle x:Name="Panel" Width="164" Height="134" Fill="#7F91B52C" Stroke="#FFA2AEBF"
RadiusX="50" RadiusY="15" Canvas.Left="8" Canvas.Top="8" StrokeThickness="2"/>
<Path x:Name="Line1" Width="163" Height="1" Fill="#FF100888" Stretch="Fill"
Stroke="#FF1B510C" Canvas.Left="8" Canvas.Top="92"
Data="M33.50029,83.29705 L161.89657,83.297051"/>
<Path x:Name="Line2" Width="1" Height="49" Fill="#FF100888" Stretch="Fill"
Stroke="#FF1B510C" Canvas.Left="63" Canvas.Top="92"
Data="M81.450752,138.29705 L81.450752,90.29705"/>
<Path x:Name="Line3" Width="1" Height="49" Fill="#FF100888" Stretch="Fill"
Stroke="#FF1B510C" Canvas.Left="119" Canvas.Top="92"
Data="M118.30501,164.29698 L118.30501,116.29699"/>
<TextBlock x:Name="Month" Width="16" Height="19" Canvas.Left="32.5" Canvas.Top="92"
TextWrapping="Wrap" Foreground="#FF100888" Text="M"/>
<TextBlock Width="16" Height="19" Canvas.Left="87" Canvas.Top="92" TextWrapping="Wrap"
x:Name="Day" Foreground="#FF100888" Text="D"/>
<TextBlock Width="16" Height="19" Canvas.Left="136" Canvas.Top="92" TextWrapping="Wrap"
x:Name="Week" Foreground="#FF100888" Text="W"/>
<TextBlock x:Name="txtMonth" Width="19" Height="19" Canvas.Left="29" Canvas.Top="111"
TextWrapping="Wrap" Foreground="#FF100888" Text="12"/>
<TextBlock x:Name="txtDay" Width="20.5" Height="19" Canvas.Left="83.5" Canvas.Top="111"
TextWrapping="Wrap" Foreground="#FF100888" Text="31"/>
<TextBlock x:Name="txtWeek" Width="32.5" Height="19" Canvas.Left="130" Canvas.Top="111"
TextWrapping="Wrap" Foreground="#FF100888" Text="Sun"/>
<TextBlock x:Name="txtHour" Width="48" Height="48" Canvas.Left="14.5" Canvas.Top="38"
TextWrapping="Wrap" FontSize="36" Foreground="#FF100888" Text="23"/>
<TextBlock x:Name="txtMinute" Width="48" Height="48" Canvas.Left="68.5" Canvas.Top="38"
TextWrapping="Wrap" FontSize="36" Foreground="#FF100888" Text="59"/>
<TextBlock x:Name="txtSecond" Width="49" Height="48" Canvas.Left="122" Canvas.Top="38"
TextWrapping="Wrap" FontSize="36" Foreground="#FF100888" Text="59"/>
<TextBlock x:Name="Colon1" Width="9.5" Height="27" Canvas.Left="62.5" Canvas.Top="48"
TextWrapping="Wrap" Foreground="#FF100888" Text=":" FontSize="20"/>
<TextBlock x:Name="Colon2" Width="12" Height="27" Canvas.Left="116.5" Canvas.Top="48"
TextWrapping="Wrap" Foreground="#FF100888" Text=":" FontSize="20"/>
<TextBlock x:Name="Copyright" Width="88" Height="16" Canvas.Left="16" TextWrapping="Wrap"
FontSize="12" Canvas.Top="22" Foreground="#FF100888" Text="webabcd clock"
MouseLeftButtonDown="MouseLeftButtonDown" MouseMove="MouseMove"
MouseLeave="MouseLeave"/>
<TextBlock x:Name="FullScreen" Width="88" Height="16" Canvas.Left="106"
TextWrapping="Wrap" FontSize="12" Canvas.Top="22" Foreground="#FF100888" Text="FullScreen"
MouseLeftButtonDown="toggle_fullScreen" MouseMove="MouseMove" MouseLeave="MouseLeave"/>
</Canvas>
Clock.xaml.js
if (!window.Clock)
window.Clock = {};
Clock.Page = function()
{
}
Clock.Page.prototype =
{
handleLoad: function(control, userContext, rootElement)
{
this.control = control;
// Sample event hookup:
rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this,
this.handleMouseDown));
},
// Sample event handler
handleMouseDown: function(sender, eventArgs)
{
// The following line of code shows how to find an element by name and call a method on it.
// this.control.content.findName("Timeline1").Begin();
}
}
// TextBlock的MouseLeftButtonDown调用的方法
function MouseLeftButtonDown(sender, args)
{
window.open("http://webabcd.cnblogs.com");
}
// TextBlock的MouseMove调用的方法
function MouseMove(sender, args)
{
// TextBlock.foreground
sender.foreground = "red";
// TextBlock.textDecorations
sender.textDecorations = "underline";
}
// TextBlock的MouseLeave调用的方法
function MouseLeave(sender, args)
{
// TextBlock.foreground
sender.foreground = "#FF100888";
// TextBlock.textDecorations
sender.textDecorations = "none";
}
window.Clock = {};
Clock.Page = function()
{
}
Clock.Page.prototype =
{
handleLoad: function(control, userContext, rootElement)
{
this.control = control;
// Sample event hookup:
rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this,
this.handleMouseDown));
},
// Sample event handler
handleMouseDown: function(sender, eventArgs)
{
// The following line of code shows how to find an element by name and call a method on it.
// this.control.content.findName("Timeline1").Begin();
}
}
// TextBlock的MouseLeftButtonDown调用的方法
function MouseLeftButtonDown(sender, args)
{
window.open("http://webabcd.cnblogs.com");
}
// TextBlock的MouseMove调用的方法
function MouseMove(sender, args)
{
// TextBlock.foreground
sender.foreground = "red";
// TextBlock.textDecorations
sender.textDecorations = "underline";
}
// TextBlock的MouseLeave调用的方法
function MouseLeave(sender, args)
{
// TextBlock.foreground
sender.foreground = "#FF100888";
// TextBlock.textDecorations
sender.textDecorations = "none";
}
- 用Silverlight 1.0实现一个基于客户端系统时间的电子表。
- 用Silverlight 1.0实现一个基于客户端系统时间的电子表。
- Silverlight 版的电子表
- 一个电子表的例子
- 电子表代码,用C语言写的,可以显示系统时间和年月日,而且可以改变时间!
- 稳扎稳打Silverlight(1) - 1.0实例之电子表
- 稳扎稳打Silverlight(1) - 1.0实例之电子表
- 动态实现客户端系统时间的显示
- Study Silverlight《模仿电子表》
- 自己完成的一个电子表代码。
- 将基于WCF实现与客户端通信的Silverlight项目部署到IIS7.0
- GeoServer地图开发解决方案(五):基于Silverlight技术的地图客户端实现
- 利用BIOS中断或DOS中断实现一个电子表的程序,要求精确到秒
- 基于MFC的视频监控系统客户端实现 ---项目经验
- 基于Silverlight的摄像头监控系统
- 一个基于WEB的js时间控件的实现
- 编一个程实现模拟电子表(C语言)
- 一个实现综合网管系统手机客户端的方案
- 【转】用DSP最应该懂得的问题
- Ubuntu 2.6.25内核编译小结
- Silverlight项目开发准则
- 什么是句柄?为什么会有句柄?HANDLE
- 安装omnicppcomplete
- 用Silverlight 1.0实现一个基于客户端系统时间的电子表。
- 用Silverlight 1.0实现一个基于客户端系统时间的电子表。
- Unix下分5种基本的I/O模型:
- QML之View
- 夜话第八集常用的数据绑定控件
- JAVA的几个知识点
- Spring AOP获取Proxy对象的代码流程
- Silverlight Validation验证实例教程
- Silverlight Validation验证实例教程