风云的银光志Silverlight4.0教程之富文本控件RichTextArea(RichTextBox)
微软于PDC2009上发布Silverlight 4 Beta版,微软在Silverlight 4版本中处理了约8000个的Silverlight终端用户的请求,加入了一系列另开发人员兴奋的新特性,最突出的主要体现在几个方面:
开发工具增强:Visual Studio 2010具有可视化的设计工具,创建项目时可以选择运行时版本是3.0还是4.0,BLEND4加入XAML和C#代码全方位智能感知功能、XAML的样式应用更为易用等。
摄像头与MIC硬件支持:可以用极少量的代码实现启用用户本机的WebCam和Mic,并可进行本地录制。
报表打印支持:报表打印问题在Silverlight4中得到的较好的解决。
更强大的基础类控件(RichTextBox、DataGrid增强版):富文本控件RichTextBox和具有可粘贴、排序功能的DataGrid被加入。
WCF增强:终于支持TCP通讯,比较HTTP提升3-5倍,限于4502-4534端口。
兼容性增强:对Google的Chrome浏览器的支持。
MEF支持:MEF全称为Managed Extensibility Framework,译为“托管扩展框架”,支持创建大型复杂的应用程序。
运行速度提升:启动速度和渲染速度较前个版本提升约2倍左右。
DRM增强:支持PlayReady,可以对视频和音频的播放进行的保护,补充了对H.264的DRM保护。
其它增强:本地文件读写、鼠标右键事件支持、剪粘板支持。
富文本控件是TextBox控件的升级版,它不但支持用户的普通文本,还支持样式和添加更丰富的内容,例如:论坛发贴、写博客,这些都需要图文结合的输入框来完成,所以它是开发Web应用程序界面必不可少的东西,在Silverlight 4.0版本之前你可以使用三方的RichTextBox控件, 下载:http://www.componentone.com/SuperProducts/RichTextBoxSilverlight/,不过在Silverlight4中已将这个控件内置进来,它称之为RichTextArea,富文本域控件,本章中我们就使用RichTextArea制作一个常见的文本输入框,这个输入框除了可以输入简单的文字,还可以设置取选区的文本样式,添加图片和超链接元素。
在Silverlight中添加一个RichTextArea是没有我们平时看到的那些样式按钮,它的外观只是一个简单的TextBox,所以需要我们把功能按钮添加在界面上,这样才是一个RichTextBox控件,运行结果如下:
XAML:
2 < StackPanel >
3 < StackPanel Orientation = " Horizontal " Background = " Gray " >
4 < Button x:Name = " btnb " Width = " 30 " Height = " 30 " Content = " B "
5 FontWeight = " Bold " Margin = " 2 " / >
6 < Button x:Name = " btni " Width = " 30 " Height = " 30 " Content = " I "
7 FontStyle = " Italic " Margin = " 2 " / >
8 < Button x:Name = " btnu " Width = " 30 " Height = " 30 " Margin = " 2 " >
9 < Button.Content >
10 < TextBlock TextDecorations = " Underline " Text = " U " / >
11 < /Button.Content >
12 < /Button >
13 < Button x:Name = " btnimg " Width = " 60 " Height = " 30 " Content = " 插入图片 " Margin = " 2 " / >
14 < Button x:Name = " btnlink " Width = " 60 " Height = " 30 " Content = " 插入链接 " Margin = " 2 " / >
15 < /StackPanel >
16 < RichTextArea x:Name = " richTextBox " Height = " 265 " >
17 < /RichTextArea >
18 < /StackPanel >
19 < /Grid >
你可以在RichTextArea里添加一些默认的文本,RichTextArea的文本与TextBox不同,在RichTextArea里的文本需要包含在一个段落标记Paragraph之中,整个RichTextArea的内容都表现为一个个的Paragraph,Paragraph支持以下的XAML内容做为RichTextArea的内容:
- Hyperlink
- Inline
- InlineUIContainer
- LineBreak
- Run
- Span
下面是一段使用段落标记的例子:
1 < Paragraph > 这是Silverlight的富文本控件 < /Paragraph >
2 < Paragraph >
3 < Hyperlink
4 NavigateUri = " http://blog.csdn.net/dotfun "
5 TargetName = " " FontSize = " 15 " > 这是一个Hyperlink < /Hyperlink >
6 < /Paragraph >
7 < Paragraph >
8 < Span FontSize = " 15 " Foreground = " Red " >
9 < Run > 这是Span标记 < /Run >
10 < /Span >
11 < /Paragraph >
12 < Paragraph >
13 < InlineUIContainer x:Name = " uicontainter " / >
14 < LineBreak/ >
15 < Run FontSize = " 14 " > 使用LineBreak < /Run >
16 < LineBreak/ >
17 < Run > 使用LineBreak < /Run >
18 < /Paragraph >InlineUIContainer是一个比较特殊的元素,它是一个RichTextArea中的“容器”,如果我们想在富文本框中添加Image、Button或Grid之类的XAML元素时,InlineUIContainer用派上用场了,因为它可以包含任何XAML元素,这样RichTextArea的内容就打破了Paragraphr的局限性,这里我们添加了一个InlineUIContainer用来显示用户的图片。
运行结果如图:
完成我们的RichTextBox控件界面布局后,加入相应的控件功能的后台代码。
C#:
1 public RichTextBoxSample ( )
2 {
3 InitializeComponent ( ) ;
4 this . Loaded + = new RoutedEventHandler ( RichTextBoxSample_Loaded ) ;
5 }
6
7 // 注册富文本控件按钮事件
8 void RichTextBoxSample_Loaded ( object sender, RoutedEventArgs e )
9 {
10 this . btnb . Click + = new RoutedEventHandler ( btnb_Click ) ;
11 this . btni . Click + = new RoutedEventHandler ( btni_Click ) ;
12 this . btnimg . Click + = new RoutedEventHandler ( btnimg_Click ) ;
13 this . btnlink . Click + = new RoutedEventHandler ( btnlink_Click ) ;
14 this . btnu . Click + = new RoutedEventHandler ( btnu_Click ) ;
15 }
16
17 void btnlink_Click ( object sender, RoutedEventArgs e )
18 {
19 // 输入链接路径
20 string url = HtmlPage . Window . Prompt ( String . Empty ) ;
21 // 添加图片插入到InlineUIContainer之中
22 Hyperlink hl = new Hyperlink ( )
23 {
24 NavigateUri = new Uri ( url, UriKind . RelativeOrAbsolute )
25 } ;
26 hl . Inlines . Add ( url ) ;
27 // 添加段落标记
28 Paragraph pg = new Paragraph ( ) ;
29 pg . Inlines . Add ( hl ) ;
30 // 添加段落标记到RichTextArea
31 richTextBox . Blocks . Add ( pg ) ;
32 }
33
34 void btnimg_Click ( object sender, RoutedEventArgs e )
35 {
36 // 输入图片路径
37 string url = HtmlPage . Window . Prompt ( String . Empty ) ;
38 // 添加图片插入到InlineUIContainer之中
39 Image img = new Image ( )
40 {
41 Width = 200 ,
42 Height = 150 ,
43 Source = new BitmapImage ( new Uri ( url, UriKind . RelativeOrAbsolute ) )
44 } ;
45 uicontainter . Child = img;
46 }
47
48 void btni_Click ( object sender, RoutedEventArgs e )
49 {
50 richTextBox . Selection . SetPropertyValue ( TextElement . FontStyleProperty, FontStyles . Italic ) ;
51 }
52
53 void btnb_Click ( object sender, RoutedEventArgs e )
54 {
55 richTextBox . Selection . SetPropertyValue ( TextElement . FontWeightProperty, FontWeights . Bold ) ;
56 }
57
58 void btnu_Click ( object sender, RoutedEventArgs e )
59 {
60 richTextBox . Selection . SetPropertyValue ( TextElement . TextDecorationsProperty, TextDecorations . Underline ) ;
61 }运行结果如图所示。
加粗 下划线 倾斜插入图片:用户输入图片URL 图片添加到RichTextArea插入链接:用户输入超级链接URL 超级链接添加到RichTextAreaRichTextArea具有Selection属性,这是一个很有用的属性,它可以取得富文本框中用户取选的文本单位,这样一来,我们就可以使用SetPropertyValue来改变用户选取区域的样式,Selection还有Text属性,可以取得用户所选的文本字符串,我们可以用来做“复制”、“粘贴”之类的功能。
以上就是一个简单功能的Silverlight版本RichTextBox,建议大家在此基础上进一步扩展它的功能做出更完美的Silverlight富文本控件。
风云的银光志Silverlight4.0教程之富文本控件RichTextArea(RichTextBox)相关推荐
- 风云的银光志Silverlight4.0教程之遍历访问客户端用户的本地文件
微软于PDC2009上发布Silverlight 4 Beta版,微软在Silverlight 4版本中处理了约8000个的Silverlight终端用户的请求,加入了一系列另开发人员兴奋的新特性,最 ...
- Silverlight4.0教程之使用CompositeTransform复合变形特效实现倒影
微软于PDC2009上发布Silverlight 4 Beta版,微软在Silverlight 4版本中处理了约8000个的Silverlight终端用户的请求,加入了一系列另开发人员兴奋的新特性,最 ...
- Silverlight4.0教程之与摄像头与迈克风设备交互
微软于PDC2009上发布Silverlight 4 Beta版,微软在Silverlight 4版本中处理了约8000个的Silverlight终端用户的请求,加入了一系列另开发人员兴奋的新特性,最 ...
- devexpress html编辑器,DevExpress使用教程:富文本编辑器RichEditControl
传统.NET界面有一个富文本控件RichTextBox,可以存储图片文字等内容,它有自己的文件格式RTF,在RichEditControl,这个控件功能很强大,它可以做邮件编辑器,实现图文并茂的邮件的 ...
- IPhone4实拍台湾版《银光志-Silverlight3.0》封面
听很多网友说它的拍照效果可以PK入门级的数码相机DC,但是风云之前在广场上使用Iphone4拍出来的效果并不理想,原本以为Iphone4的效果就是如此,后来看到网上网友们晒出的Iphone4照片效果差 ...
- CEF中文教程(google chrome浏览器控件) -- CEF简介
官方主页: 点击打开链接 CEF简介: 嵌入式Chromium框架(简称CEF) 是一个由Marshall Greenblatt在2008建立的开源项目,它主要目的是开发一个基于Google Chr ...
- ASP.NET2.0的multiview和wizard控件
在asp.net 1.1中,如果要做一个具有向导式的应用程序,是比较麻烦的.所谓向导式应用,就是说比如一个注册用户的应用,是需要若干步完成的,用户填完某一步的表单后,可以点"下一步" ...
- ASP.NET 2.0 中的 DataSource 系列控件
在ASP.NET 2.0中,引入了DataSource系列控件,扔一个到页面上并且选择性的配置好SELECT/UPDATE/INSERT/DELETE对应的操作,它就能够和数据空间无缝合作自动处理查询 ...
- 露雨资源库三(第一个.net2.0软件)-为控件增加自动完成功能
前面我写过"露雨资源库"的第一篇和第二篇,分别介绍了界面设计和设计思路. 链接如下: 露雨资源库(第一个.net2.0软件)一 http://luyu.cnblogs.com/ar ...
最新文章
- 靠WiFi信号就能检测呼吸跌倒!北大这项硬科技研究越来越藏不住了
- python自动化教程_Python自动化开发实战视频课程-全新基础篇_Python教程
- Retrofit 上传文件显示进度及踩坑记录
- ElasticSearch下载安装教程详解【7.10版本】
- angular5 接口跨域请求配置
- DOM克隆操作(深克隆/浅克隆)
- android onSaveInstance方法项目中的实践
- struts拦截器+注解实现网络安全要求中的日志审计功能
- java根据模板生成word文档_Python办公自动化:使用python来自动生成word文档
- Prometheus Operator 架构 - 每天5分钟玩转 Docker 容器技术(178)
- python飞机大战项目概述需求_飞机大战需求分析报告.doc
- 使用QRCode.js生成二维码
- 【计网】2.1.1 客户-服务器体系和P2P体系简述
- 关于Android短信拦截(二)
- 强烈推荐-这个方法让chrome浏览器拓展程序打包成.crx文件最快?
- 如何在 Windows 上查看 HEIC 格式照片
- 一阶拟合算法C(六轴)
- 张正友标定法实战-标定森云GMSL相机
- 《麦肯锡意识》前言 解决问题的战略模型-思维导图
- PHP Startup: Unable to load dynamic library 解决办法