原创 Silverlight的文字输入功能收藏




   众所周知,在目前这个阶段,Silverlight并没有所谓的TextBox控件可以输入文字,因此,想要在Silverlight当中输入文字必须使用ASP.NET的TextBox控件来充当文字的输入功能。
  这部份该如何作呢?这就要讨论到Xaml控件的WindowsLess属性了,其实该属性是Xaml控件当中相当重要的属性之一,它让ASP.NET的控件与Silverlight之间可以彼此合作,例如下图这样的状况:


  上图中的文字输入功能,其实并非是Silverlight所提供的,如您所知,Silverlight目前并没有所谓的控件,因此也没有办法直接输入文字,但是我们可以和ASP.NET的TextBox控件加以配合,让Silverlight模拟出输入的功能。
  其实设计的方式很简单,我们只需要通过Blend2把外框先绘制好:

  接着把xaml code引用至Xaml控件中,然后关键的部份来了,请务必把Xaml控件的WindowsLess属性设为True,同时在Xaml控件上“叠上”TextBox对象(注意要把TextBox的Style设为position: absolute且将ZIndex设为大于Xaml控件,并通过“样式”功能,把TextBox的边框消除:

  完成后,其HTML代码如下:

  请注意,这个技巧在设计RIA时相当常见,读者可参考书附光盘中的范例“SilverlightStudyHostCom\Demo\AniBackground\Default.aspx”来了解设计的方式。
  我们未来会介绍如何通过这样的方式,让使用者在Silverlight界面上输入文字,并通过AJAX技术传递给后端的ASP.NET程序。

资料来源: Silverlight权威讲座--ASP.NET整合秘技与独家案例剖析(董大伟 - 旗标)

发表于 @ 2007年10月26日 10:11:00|评论(loading...)

新一篇: 教学影片:如何在Silveright当中建立按钮 | 旧一篇: 以OpacityMask设计半透明遮罩

用户操作
[即时聊天] [发私信] [加为好友]
dotnetWalker
订阅我的博客
XML聚合  FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
dotnetWalker的公告

董大伟,微软TechED 2007 讲师,台湾微软MSDN讲座专属讲师,微软最有价值专家(MVP),台湾清华大学自强基金会教育训练中心顾问讲师,Run!PC专栏作者,博硕文化、旗标出版作者,.NET 书籍畅销作者,台湾多家企业、机构之软件技术顾问、教育训练讲师
文章分类
收藏
    存档
    软件项目交易
    Csdn Blog version 3.1a
    Copyright © dotnetWalker