用Silverlight 1.0实现一个基于客户端系统时间的电子表。
参考:http://silverlight.net/community/communitygallery.aspx
示例
Clock.xaml(用Expression Blend开发)
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
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";} @H_419_2@ 总结
以上是内存溢出为你收集整理的用Silverlight 1.0实现一个基于客户端系统时间的电子表。全部内容,希望文章能够帮你解决用Silverlight 1.0实现一个基于客户端系统时间的电子表。所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)