より良いエンジニアを目指して

1日1つ。良くなる!上手くなる!

Avalonia UI アイコンをどうするか

Avaloniaでアイコンをどうするか、と。

docs.avaloniaui.net

<Image Width="16" Height="16" Source="avares://MyApp/Assets/icon.png" />

これは、どうやってファイルを入れればいいんだ、と。

<TextBlock FontFamily="avares://MyApp/Assets/#FontAwesome" Text="&#xf030;" />

とか。

デモを見ると、

         <StreamGeometry x:Key="DeleteIconData">M 16.500001 0 C 15.52778 0 14.688382 0.35533588 14.101563 0.87695315 C 13.514743 1.3985704 13.165432 2.0458273 12.939454 2.6484376 C 12.757473 3.1337185 12.652358 3.6048008 12.589844 4.0000001 L 3.0000001 4.0000001 A 1 1 0 0 0 2.0000001 5.0000002 A 1 1 0 0 0 3.0000001 6.0000002 L 4.0253908 6.0000002 A 1 1 0 0 0 4.0078126 6.1250002 L 7.1171877 31.000001 L 25.882813 31.000001 L 28.992188 6.1250002 A 1 1 0 0 0 28.996095 6.0000002 L 30.000001 6.0000002 A 1 1 0 0 0 31.000001 5.0000002 A 1 1 0 0 0 30.000001 4.0000001 L 20.410157 4.0000001 C 20.347644 3.6048008 20.24253 3.1337185 20.060548 2.6484376 C 19.834569 2.0458273 19.485258 1.3985704 18.898438 0.87695315 C 18.31162 0.35533585 17.472221 -7.4014797e-17 16.500001 0 z M 16.500001 2.0000001 C 17.027777 2.0000001 17.313384 2.1446656 17.570313 2.3730469 C 17.827243 2.6014283 18.040434 2.9541747 18.189454 3.3515626 C 18.271334 3.5699097 18.330561 3.7916862 18.375001 4.0000001 L 14.625 4.0000001 C 14.66944 3.7916862 14.728668 3.5699097 14.810547 3.3515626 C 14.959568 2.9541747 15.172758 2.6014283 15.429688 2.3730469 C 15.686617 2.1446655 15.972223 2.0000001 16.500001 2.0000001 z M 6.0078127 6.0000002 L 26.992188 6.0000002 L 24.117188 29.000001 L 8.8828128 29.000001 L 6.0078127 6.0000002 z M 16.500001 7.9199221 A 1 1 0 0 0 15.5 8.9199222 L 15.5 27.402345 A 1 1 0 0 0 16.500001 28.402345 A 1 1 0 0 0 17.500001 27.402345 L 17.500001 8.9199222 A 1 1 0 0 0 16.500001 7.9199221 z M 9.8886722 8.0058596 A 1 1 0 0 0 9.0058597 9.1113284 L 11.00586 27.111329 A 1 1 0 0 0 12.111329 27.994141 A 1 1 0 0 0 12.994141 26.888673 L 10.994141 8.8886722 A 1 1 0 0 0 9.8886722 8.0058596 z M 23.111329 8.0058596 A 1 1 0 0 0 22.00586 8.8886722 L 20.00586 26.888673 A 1 1 0 0 0 20.888673 27.994141 A 1 1 0 0 0 21.994141 27.111329 L 23.994141 9.1113284 A 1 1 0 0 0 23.111329 8.0058596 z </StreamGeometry>

Pathデータ、入れ込み。

で調べてみると。

github.com

このようなパッケージがあるようです。