当前位置: 首页 > 使用教程

Telerik UI for Xamarin的富文本编辑器控件——构建移动应用原生UI

发布时间:2021-01-14

Telerik UI for Xamarin最新版下载

Telerik UI for Xamarin是一个构建跨平台移动应用程序的原生UI。Telerik UI for Xamarin使用Xamarin.Forms技术,它可以让开发人员从一个单一的共享C#代码库中创建原生的iOS、Android和Windows Phone应用程序。不仅如此,UI for Xamarin建立在iOS和Android的原生控件之上的,为Xamarin用户的应用程序提供真正的原生UI。

Telerik UI for Xamarin的富文本编辑器控件——构建移动应用原生UI

在2020年Telerik UI for Xamarin发布的最新版本中,引入了两个新的控件:RichTextEditor(beta)ComboBox

Telerik RichTextEditor for Xamarin使用户可以通过“所见即所得”(WYSIWYG)界面来创建丰富的文本内容,该控件具有各种编辑功能,并且在RadRichTextEditorToolbar的帮助下,您可以为用户提供一种轻松快捷的方法来编辑其HTML内容。 默认工具栏包含所有可用的文本格式设置选项,但您也可以根据需要自定义显示的编辑选项。

RichTextEditor有多种用例,作为邮件客户端 – 如果要发送电子邮件并要编辑,请设置文本格式。 作为文本编辑应用程序 – 在将文档导入应用程序来进行编辑、格式化文本或向文档中添加其他信息。

显示HTML内容

您可以轻松显示HTML内容,包括段落、格式化文本、图像、表格、有序和无序列表。

各种HTML来源选项

您可以从字符串以及流中加载HTML源代码。

从字符串加载HTML:

var htmlSource = @”<h4>RichTextEditor for Xamarin – Overview</h4>
<p><strong>RichTextEditor</strong> enables users to create rich textual content through a What-You-See-Is-What-You-Get (WYSIWYG) interface.</p>”;
this.richTextEditor.Source = RichTextSource.FromString(htmlSource);

从流中加载HTML:

Func<CancellationToken, Task<Stream>> streamFunc = ct => Task.Run(() =>
{
Assembly assembly = typeof(KeyFeatures).Assembly;
string fileName = assembly.GetManifestResourceNames().FirstOrDefault(n => n.Contains(“richtexteditor-htmlsource.html”));
Stream stream = assembly.GetManifestResourceStream(fileName);
return stream;
});

this.richTextEditor.Source = RichTextSource.FromStream(streamFunc);

各种编辑功能
  • 文本格式,例如粗体、斜体、下划线和删除线
  • 字体操作,例如大小、字体、文本颜色和文本背景颜色
  • 项目符号和编号列表
  • 文字选择
  • 超链接操纵 – 创建、编辑和删除超链接
  • 下标和上标格式
  • 缩进和内容对齐
  • 撤消/重做编辑操作
RichTextEditor工具栏

该控件配备了预定义的用户界面,该界面会自动与该控件内置功能提供的所有命令连接在一起。 默认工具栏包含所有可用的文本格式设置选项,但您可以根据需要自定义显示的编辑选项。

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height=”Auto” />
<RowDefinition />
</Grid.RowDefinitions>
<telerikRichTextEditor:RadRichTextEditorToolbar x:Name=”richTextToolbar” RichTextEditor=”{x:Reference richTextEditor}” />
<telerikRichTextEditor:RadRichTextEditor x:Name=”richTextEditor” Grid.Row=”1″ />
</Grid>

Telerik UI for Xamarin的富文本编辑器控件——构建移动应用原生UI
只读状态

RichTextEditor的IsReadOnly(bool)属性指示控件是否处于只读模式,设置IsReadOnly =“ True”意味着将禁用工具栏项目,不能更改文档的内容并且不能执行选择。

Telerik UI for Xamarin的富文本编辑器控件——构建移动应用原生UI
命令支持

该控件公开了诸如ToggleBoldCommand、ToggleBulletingCommand、AlignRightCommand等命令,这些命令使您可以对加载到编辑器内容中的内容执行富文本编辑操作。

灵活的样式API

您可以通过各种样式属性(例如BackgroundColor,BorderColor和Thickness,CornerRadius等)来修改RadRichTextEditor的可视化外观以及工具栏项目。

Telerik UI for Xamarin的富文本编辑器控件——构建移动应用原生UI

了解最新Kendo UI最新资讯,请关注Telerik中文网!

慧都高端UI界面开发
扫码咨询
电话咨询
023-68661681
返回
顶部