Xamarinのリッチテキストエディターコントロール構築モバイルアプリケーションネイティブUI用のTelerikUI

Telerik UI forXamarin最新バージョンのダウンロード

Telerik UI for Xamarinは、クロスプラットフォームのモバイルアプリケーション構築するためのネイティブUIです。Telerik UI for XamarinはXamarin.Formsテクノロジーを使用しており、開発者は単一の共有C#コードベースからネイティブiOS、Android、およびWindowsPhoneアプリケーションを作成できます。それだけでなく、XamarinのUIはiOSとAndroidのネイティブコントロールに基づいて構築されており、Xamarinユーザーのアプリケーションに実際のネイティブUIを提供します。

Xamarinのリッチテキストエディターコントロール構築モバイルアプリケーションネイティブUI用のTelerikUI

Telerik UI for Xamarinによって2020年にリリースされた最新バージョンでは、RichTextEditor(ベータ版)ComboBoxという2つの新しいコントロールが導入されました

Telerik RichTextEditor for Xamarinを使用すると、ユーザーは「表示されているものが取得したもの」(WYSIWYG)インターフェイスを介してリッチテキストコンテンツを作成できます。このコントロールにはさまざまな編集機能があります。RadRichTextEditorToolbarを使用すると、ユーザーにすばやく簡単な方法を提供できます。 HTMLコンテンツを編集します。デフォルトのツールバーには、使用可能なすべてのテキストフォーマットオプションが含まれていますが、必要に応じて、表示される編集オプションをカスタマイズすることもできます。

RichTextEditorには、メールクライアントとして複数のユースケースがあります。メールを送信して編集する場合は、テキスト形式を設定してください。テキスト編集アプリケーションとして-ドキュメントをアプリケーションにインポートして、テキストを編集、フォーマット、またはその他の情報をドキュメントに追加します。

HTMLコンテンツを表示する

段落、書式設定されたテキスト、画像、表、順序付きリストと順序なしリストなどのHTMLコンテンツを簡単に表示できます。

さまざまなHTMLソースオプション

文字列とストリームからHTMLソースコードをロードできます。

文字列からHTMLをロードします。

 

var htmlSource = @ "<h4> RichTextEditor forXamarin-概要</ h4> 
<p> <strong> RichTextEditor </ strong>を使用すると、ユーザーは、What-You-See-Is-What-You-Getを介してリッチテキストコンテンツを作成できます。 (WYSIWYG)インターフェース。</ p> "; 
this.richTextEditor.Source = RichTextSource.FromString(htmlSource);

 

ストリームからHTMLをロードします。

 

Func <CancellationToken、Task <Stream >> streamFunc = ct => Task.Run(()=> 
{
アセンブリアセンブリ= typeof(KeyFeatures).Assembly; 
string fileName = assembly.GetManifestResourceNames()。FirstOrDefault(n => n.Contains ( "richtexteditor-htmlsource.html"));
ストリームストリーム= assembly.GetManifestResourceStream(fileName);
リターンストリーム; 
}); 

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>

 

Xamarinのリッチテキストエディターコントロール構築モバイルアプリケーションネイティブUI用のTelerikUI

読み取り専用ステータス

RichTextEditorのIsReadOnly(bool)プロパティは、コントロールが読み取り専用モードであるかどうかを示します。IsReadOnly= "True"に設定すると、ツールバーアイテムが無効になり、ドキュメントのコンテンツを変更できず、選択を実行できなくなります。

Xamarinのリッチテキストエディターコントロール構築モバイルアプリケーションネイティブUI用のTelerikUI

コマンドサポート

このコントロールは、ToggleBoldCommand、ToggleBulletingCommand、AlignRightCommandなどのコマンドを公開します。これらのコマンドを使用すると、エディターコンテンツに読み込まれたコンテンツに対してリッチテキスト編集操作を実行できます。

柔軟なスタイルのAPI

さまざまなスタイル属性(BackgroundColor、BorderColorとThickness、CornerRadiusなど)を使用して、RadRichTextEditorとツールバーアイテムの外観を変更できます。

Xamarinのリッチテキストエディターコントロール構築モバイルアプリケーションネイティブUI用のTelerikUI


剣道UIの最新ニュースについては、Telerik中国語のWebサイトをフォローしてください。

おすすめ

転載: blog.csdn.net/AABBbaby/article/details/112648064
おすすめ