Avalonia UI を試す

C#でマルチプラットフォームアプリケーション開発ができるAvaloniaUIを試してみました。お題として、画像ビューアーを作っています。

Transcript

1. C#で マルチプラットフォームGUI アプリ開発 GtTmy (https://github.com/GtTmy)
2. マルチプラットフォームのGUIアプリ... だけじゃない!!!
3. AvaloniaUI  http://avaloniaui.net/  .Net Framework, .Net Core, Monoで動作するGUIフレームワーク  .Net Framework ... Windows専用  .Net Core ... Windows/Mac/Linux対応  Mono ... .Net Framework のサブセット、Windows、Mac、Linux対応  WPF(.Net Frameworkで一般的なGUIフレームワーク)に近いAPI  今回は.Net Coreを用いて、本当にマルチプラットフォームか確認します  画像ビューアーを作ってみます  本発表を行っているツールが成果物です!!
4. 環境  開発環境  Windows 10 Home  Visual Studio 2019 Community Edition  .Net Core 2.1  検証環境  Ubuntu 18.04 LTS on VirtualBox  .Net Core 2.2
5. 手順1 Visual studio拡張のインストール  公式を参照 -> http://avaloniaui.net/docs/quickstart/create-new-project
6. 手順2 プロジェクト作成 • プロジェクトテンプレートから 「Avalonia Application」 を選択
7. 手順3 各種ライブラリを追加  とりあえずWPF(従来のWindowsアプリ開発)でのアプリ開発で 定番の下記2ライブラリを入れてみる  Prism ... MVVMアプリケーション開発支援  ReactiveProperty ... リアクティブプログラミング支援  問題なくビルドできた！
8. 手順4 GUIを組み立てる • 一般的な WPFアプリ 開発と同じ
9. 手順5 ロジックを書く  普通のC#アプリ開発と同様  特定のフォルダ内の画像を全列挙する  Windowsのエクスプローラーの名前順と同じ順番で画像を読み込むために、自然順ソートを行う ライブラリ(NaturalSort.Extension) を利用  余談ですが、エクスプローラーのファイルの並びを自分で再現しようとすると超面倒です
10. 手順6 Windowsでビルド & 実行
12. 手順6 Ubuntuで実行  ソースコードを丸ごと移動  プロジェクトファイルのあるディレクトリで "dotnet run –framework=netcoreapp2.1" を実行
14. 手順7 フォント周りが怪しいので。。。  フォントを直接指定
16. メリットは? 1.C#で書ける 2.従来のWPFアプリ開発とほぼ同じ 3. ランタイムがPCにインストールされていれば、それ以外のバイナリサイ ズは小さい 今回のデモアプリは109KB! 4. 既存の.Net資産が流用しやすい  .Net Frameworkを対象としたコードは若干の変更が必要だが、軽微
17. デメリットは? 1.V1まで到達してない ただし、開発は活発 2. Electron、Javaの方が先行事例が多い 3. 大規模アプリ開発の事例は...? 一応IDEを作ってる人たちがいます -> https://github.com/VitalElement/AvalonStudio
18. まとめ  C#でもマルチプラットフォーム開発できます  画像ビューアーを作ってみた https://github.com/GtTmy/AvaloniaPictureViewer  WPFで開発してた人なら敷居は低い  インターネット上の情報量などに不安もあるが、開発は活発  次に作るクロスプラットフォームアプリの選択肢としていかがでしょう?