翻譯|使用教程|編輯:龔雪|2021-01-14 10:16:13.773|閱讀 336 次
概述:本文將為大家介紹Telerik UI for Xamarin全新發布的RichTextEditor控件,并了解如何通過一組工具在Xamarin應用程序中創建、編輯和格式化文本、段落、列表、超鏈接等,輕松地使用戶創建豐富的文本內容。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Telerik UI for Xamarin是一個構建跨平臺移動應用程序的原生UI。Telerik UI for Xamarin使用Xamarin.Forms技術,它可以讓開發人員從一個單一的共享C#代碼庫中創建原生的iOS、Android和Windows Phone應用程序。不僅如此,UI for Xamarin建立在iOS和Android的原生控件之上的,為Xamarin用戶的應用程序提供真正的原生UI。
在2020年Telerik UI for Xamarin發布的最新版本中,引入了兩個新的控件:和。
Telerik RichTextEditor for Xamarin使用戶可以通過“所見即所得”(WYSIWYG)界面來創建豐富的文本內容,該控件具有各種編輯功能,并且在RadRichTextEditorToolbar的幫助下,您可以為用戶提供一種輕松快捷的方法來編輯其HTML內容。 默認工具欄包含所有可用的文本格式設置選項,但您也可以根據需要自定義顯示的編輯選項。
RichTextEditor有多種用例,作為郵件客戶端 - 如果要發送電子郵件并要編輯,請設置文本格式。 作為文本編輯應用程序 - 在將文檔導入應用程序來進行編輯、格式化文本或向文檔中添加其他信息。
您可以輕松顯示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);
該控件配備了預定義的用戶界面,該界面會自動與該控件內置功能提供的所有命令連接在一起。 默認工具欄包含所有可用的文本格式設置選項,但您可以根據需要自定義顯示的編輯選項。
<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>
RichTextEditor的IsReadOnly(bool)屬性指示控件是否處于只讀模式,設置IsReadOnly =“ True”意味著將禁用工具欄項目,不能更改文檔的內容并且不能執行選擇。
該控件公開了諸如ToggleBoldCommand、ToggleBulletingCommand、AlignRightCommand等命令,這些命令使您可以對加載到編輯器內容中的內容執行富文本編輯操作。
您可以通過各種樣式屬性(例如BackgroundColor,BorderColor和Thickness,CornerRadius等)來修改RadRichTextEditor的可視化外觀以及工具欄項目。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都網