質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.03%

【C#】【WPF】リッチテキストボックスに貼り付けた画像をバイナリーに保存して次回起動した際に表示したい

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 302

OXamarin

score 34

前提

環境:VS2019
言語:C# WPF
フレームワーク:MVVM

最終的に達成したい事

以下のような、クリップボードを監視して履歴を保持するようなアプリケーションを作成しています。
イメージ説明]

アプリケーションを閉じて再度起動した際に、リッチテキストボックスに貼り付けられていた画像をリッチテキストボックスに貼れるようにFlowDocument型に戻してやりたい。
テキストボックスに関してはうまくFlowDocument型に戻せています。

悩んでいる事

リッチテキストボックスに貼った画像を、次回起動時にFlowDocument型にして復元することができない。

現状

リッチテキストボックスのDocumentプロパティ(FlowDocument型)をバイナリーへそのまま変換する事ができないので、以下の手順で変換・復元を行う。

  1. XamlWriteを使用してXamlへ一旦文字列変換する
  2. アプリケーション起動時に、そのXaml文字列をFlowDocumentへ変換する
  3. リッチテキストボックスのDocumentプロパティへバインドさせてやることで内容を復元する

具体例として、
「Teratail」という文字列を持ったFlowDocumentをXaml文字列へ変換した場合、以下のようなXamlになります。

<FlowDocument xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Paragraph>Teratail</Paragraph>
</FlowDocument>


これであれば、難なくFlowDocument型へ戻すことができます。
念の為ですが、以下の様に表示されます。
イメージ説明

画像を持ったFlowDocumentを変換した場合、以下のようなXamlになります。

<FlowDocument xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:swi="clr-namespace:System.Windows.Interop;assembly=PresentationCore">
    <Paragraph>
        <Image>
            <Image.Source>
                <swi:InteropBitmap />
            </Image.Source>
        </Image>
    </Paragraph>
</FlowDocument>


アプリケーション起動中であれば、FlowDocumentを生成するので以下の様に表示できます。
イメージ説明]

このXamlを復元しようとすると以下の様な例外が発生します
イメージ説明

一致するコンストラクターが型 'System.Windows.Interop.InteropBitmap' に見つかりません。この型は、引数または FactoryMethod ディレクティブを使用して構築できます。

どのようにすれば、リッチテキストボックスの画像を復元できるのでしょうか。

コード

FlowDocument ⇔ Xaml の変換には以下のコードを使用しています。
どこかのStackOverFlowの記事のロジックを持ってきていましたが、どこからかは失念してしまいました。

/// <summary>
/// FlowDocumentをXaml文字列へ変換
/// </summary>
/// <param name="flowDocument"></param>
/// <returns></returns>
public static string ToXamlString(this IDocumentPaginatorSource flowDocument)
{
    return XamlWriter.Save(flowDocument);
}
/// <summary>
/// Xaml文字列をFlowDocumentへ変換
/// </summary>
/// <param name="xamlString"></param>
/// <returns></returns>
public static FlowDocument ToFlowDocument(this string xamlString)
{
    if (IsFlowDocument(xamlString))
    {
        var stringReader = new StringReader(xamlString);
        var xmlReader = XmlReader.Create(stringReader);

        return XamlReader.Load(xmlReader) as FlowDocument;
    }
    else
    {
        var myParagraph = new Paragraph();
        myParagraph.Inlines.Add(new Run(xamlString));
        var myFlowDocument = new FlowDocument();
        myFlowDocument.Blocks.Add(myParagraph);

        return myFlowDocument;
    }
}
/// <summary>
/// 
/// </summary>
/// <param name="xamlString"></param>
/// <returns></returns>
private static bool IsFlowDocument(this string xamlString)
{
    if (string.IsNullOrEmpty(xamlString))
    {
        throw new ArgumentNullException();
    }

    if (xamlString.StartsWith("<") && xamlString.EndsWith(">"))
    {
        var xml = new XmlDocument();
        try
        {
            xml.LoadXml(string.Format("<Root>{0}</Root>", xamlString));
            return true;
        }
        catch (XmlException)
        {
            return false;
        }
    }
    return false;
}

他に参考にしたもの

以下のソースを使用して変換を試みましたが、うまく扱えませんでした。
StackOverFlow - C#WPFは、richtextboxに貼り付けられたBitmapImageをバイナリに変換します。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

+1

自己解決しました。

結論からいくと、以下のメソッドでImageを持ったFlowDocumentをシリアライズ・デシリアライズできます。

/// <summary>
/// バイナリ化したFlowDocumentをデシリアライズする
/// </summary>
/// <param name="byteArray"></param>
/// <returns></returns>
public static FlowDocument ToFlowDocument(this byte[] byteArray)
{
    using (var ms = new MemoryStream(byteArray))
    {
        var flowDocument = new FlowDocument();
        var textRange = new TextRange(flowDocument.ContentStart,flowDocument.ContentEnd);
        textRange.Load(ms,DataFormats.XamlPackage);
        return flowDocument;
    }
}
/// <summary>
/// FlowDocumentをバイナリ化する
/// </summary>
/// <param name="document"></param>
/// <returns></returns>
public static byte[] ToBinary(this FlowDocument document)
{
    using (var ms = new MemoryStream())
    {
        var range = new TextRange(document.ContentStart, document.ContentEnd);
        range.Save(ms, DataFormats.XamlPackage);
        ms.Seek(0, SeekOrigin.Begin);
        return ms.ToArray();
    }
}

以下の質問への回答にまんま書いてありました。
RichTextboxのコンテンツの保存と読み込み

自分なりに調べたことを残しておきます。

質問内容にも書きましたが、、
画像を持ったFlowDocumentを変換した場合、以下のようなXamlになります。 

<FlowDocument
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:swi="clr-namespace:System.Windows.Interop;assembly=PresentationCore">
    <Paragraph>
        <Image>
            <Image.Source>
                <swi:InteropBitmap />
            </Image.Source>
        </Image>
    </Paragraph>
</FlowDocument>


これで何故、参照しているはずのモジュールが参照されないのかは分かりませんが、Imageを含んだコントロールをXamlWriterが正しく処理出来ていない事が原因のようだったので、早々にXamlWriterでの解決は諦めました。

FlowDocumentのシリアライズ方法について検索すると、幾つかTextRangeを使用した方法がヒットします。どうやらTextRange.SaveにはInlineUIContainer要素をシリアライズする機能があるらしく、その機能を使っているようでした。
FlowDocument
Paragrah
InlineUIContainer
Image
という階層になっているので、確かにTextRange.Saveを使えばFlowDocumentをうまいことシリアライズできそうだということで試行錯誤してたどりつけました。勿論、文字列にも対応できています。

DataFormats.XamlPackage が何なのかは正直わかってないですがMSのページでもデータフォーマットはXamlPackageとしているのでとりあえずXaml形式にしておけばよさげでした。
方法: RichTextBox コンテンツの保存、読み込み、および印刷

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.03%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる
  • トップ
  • C#に関する質問
  • 【C#】【WPF】リッチテキストボックスに貼り付けた画像をバイナリーに保存して次回起動した際に表示したい