Xamarin.formsでSVG画像を読み込みたい

Question

###前提・実現したいこと
Xamarin.Formsでsvg画像を読み込みたいのですが良い方法はないでしょうか？
個人的に調べた結果、PCLでiOS,Android固有のSVG読み込みAPIへのdependencyServiceを定義し、
Forms上で定義したdependecyServiceにより固有のAPIを呼び出すようにすれば良いのではと考えています。

http://ticktack.hatenablog.jp/entry/2016/01/02/212230
そこで上記のページを参考に、NugetでNGraphicsをiosのプロジェクトに追加し、
Resourcesフォルダの中にtiger.scgを格納し、呼び出そうとしたのですがうまくいきません。

参考サイトでは、変数svgTigerの中にsvgのファイル情報を直接入れ込んでいますが、
実装上ファイル名から呼び出したいので私は以下のように定義しています。

string svgTiger = "Tiger.svg"
var reader = new StringReader(svgTiger);
var graphic = Graphic.LoadSvg(reader);

Graphic.LoadSvgのところでエラーが発生してしまっているのですが、
どのように定義すれば参考サイトのようにSVGファイルを呼び出せるでしょうか？

ちなみに、SkiaSharpというものがXamarinの公式APIとして出ているようなのですが、
一般的にはSkiaSharpを利用する人の方が多いのですかね？

Answer 1

PCL上のResourceファイルの読み込み処理が抜けているかと思います。
またNGraphicsではGraphicを取得するところまではPCL上でできるので
取得したGraphicをDependencyServiceに渡せば良いかと思います。

var src = "プロジェクト名.フォルダ名.Tiger.svg";
//ResourceのStreamを取得
var stream = typeof(PCLの任意のクラス).GetTypeInfo().Assembly.GetManifestResourceStream(src);
using(var sr = new StreamReader(stream)){
	var g = NGraphics.Graphic.LoadSvg(sr);
}

SkiaSharpでもSVGは扱えるようですが、利用者の状況はすみませんが私はわかりません。

Comments

[crew8573]

ご返信ありがとうございます。
PCL上で動作できることは知りませんでした。
上記の内容の処理を追加してみようと思います。

ただ、PCLでSVGが読めるなら、読み込んだSVGをImageSourceに確保し、確保したImageSourceを
各プラットフォームのカスタムレンダラーに渡せないかと思ったのですが、そのような処理はできませんか？

[kamu]

ImageSourceはPCL上でファイルパスやURLやリソースのstreamなどを確保するだけで実際にそれを画像に展開するにはNative側で対応するHandlerが必要になりますので、残念ながらNGraphicsを直接ImageSourceにする方法はありません。

その辺をやってみているものを作ったのですが
http://kamusoft.hatenablog.jp/entry/2017/08/25/193552
これはXamarin.Formsのプレリリースからの対応です。

NGraphicsの場合も実際に描画するところはNativeでの処理が必要になります。
NGraphicsを利用したNControlというのがあって、これを使う方が手っ取り早いかもしれません。
http://ticktack.hatenablog.jp/entry/2016/02/02/000243

あるいはこちらも内部でNGraphicsを利用しているものですが
http://ytabuchi.hatenablog.com/entry/2017/03/24/170000
ものすごく丁寧に書かれているのでこれを使っても良いと思います。

[crew8573]

本日試してみたところ、回答していただいたような内容で実装することができました！
ありがとうございます。

その他のご紹介いただいた方法についても一通り目を通しておきます。