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