WPF アプリケーション の開発において Elysium を利用すると、ストアアプリ のような画面 (Github for windows のような画面) が簡単に作成できます。 見た目を簡単にフラットデザインぽくできるので、便利なプラグイン? ライブラリ? だと思います。 ここでは、その 実装手順 の 簡単な チュートリアル を記載します。
実行サンプル
Elysium を使って実装した WPF アプリケーション の実行画面は次のようなものになります。
実装手順
以下では、ボタン も何も配置しない、単なる Window だけの アプリケーション を作成します。
- 新規プロジェクトの作成
- Elysium を 参照 に 追加
- MainWindow.xaml の 修正
名前空間を追加、修正します。
1234567<
metro:Window
x:Class
=
"ConfigurationTool.MainWindow"
Title
=
"MainWindow"
Height
=
"350"
Width
=
"525"
>
<
Grid
></
Grid
>
</
metro:Window
>
- MainWindow.xaml.cs の 修正
名前空間を修正します。
12345678910111213namespace
Sample
{
/// <summary>
/// MainWindow.xaml の相互作用ロジック
/// </summary>
public
partial
class
MainWindow : Elysium.Controls.Window
{
public
MainWindow()
{
InitializeComponent();
}
}
}
- App.xaml の 修正
リソースを追加します。
123456789101112<
Application
x:Class
=
"ConfigurationTool.App"
StartupUri
=
"MainWindow.xaml"
>
<
Application.Resources
>
<
ResourceDictionary
>
<
ResourceDictionary.MergedDictionaries
>
<
ResourceDictionary
Source
=
"/Elysium;component/Themes/Generic.xaml"
/>
</
ResourceDictionary.MergedDictionaries
>
</
ResourceDictionary
>
</
Application.Resources
>
</
Application
>
- ビルドして実行
今回、以下のサイトを参考にしました。
最後に… このブログに興味を持っていただけた方は、 ぜひ 「Facebookページ に いいね!」または 「Twitter の フォロー」 お願いします!!