WPF で フラットデザイン（メトロデザイン） っぽい ウィンドウ を作成しようとすると WindowChrome を利用することになります。 WindowChrome を使うときに発生する問題点とその対処方法をここではまとめます。

目次

• 問題点
• 対応策
• [まとめ] サンプルコード

問題点

WindowChrome を利用して最大化したときの問題点は2点あります。

1. タスクバーの上に被ってしまう

   ウィンドウを最大化するとタスクバー上まで被ってしまい、タスクバーの操作ができなくなってしまいます。 ストアアプリや全画面表示するゲームであれば良いでしょうが…、通常業務で使うアプリだと不便です。

   

2. ウィンドウ枠が画面外にはみ出る

   ウィンドウを最大化すると画面領域外にウィンドウ枠がはみ出てしまいます。 以下の画像ではウィンドウタイトルに指定している左上の「MainWindow」という文字が見切れてしまっています。

   

対応策

上述問題点のそれぞれに対して対策を行っていきます。

1. タスクバー上へ被らないようにする

   これは WindowChrome の GlassFrameThickness属性 を "0" に設定することで解決できます。

     ...
                       <WindowChrome CornerRadius="0"
                                     GlassFrameThickness="0"
                                     ResizeBorderThickness="8" />
     ...
   

2. ウィンドウ枠が画面外にはみ出ないようにする

   これは最大化時、「外枠に指定している BorderThickness の値」を「WindowChrome の ResizeBorderThickness の値」に設定することで解決できます。 最大化を解除するときは「外枠に指定している BorderThickness の値」元に戻すことを忘れないようにします。 以下のコードでは ResizeBorderThickness が "8" なので、 BorderThickness も "8" に設定します。

     ...
                       <WindowChrome CornerRadius="0"
                                     GlassFrameThickness="0"
                                     ResizeBorderThickness="8" />
     ...
                           <ControlTemplate.Triggers>
                               <Trigger Property="WindowState" Value="Maximized">
                                   <Setter TargetName="border" Property="BorderThickness" Value="8" />
                               </Trigger>
                               <Trigger Property="WindowState" Value="Normal">
                                   <Setter TargetName="border" Property="BorderThickness" Value="1" />
                               </Trigger>
                           </ControlTemplate.Triggers>
     ...
   

[まとめ] サンプルコード

WindowChrome を利用したウィンドウを作成する、できるだけ単純なサンプルコードを以下に載せます。 「できるだけ単純な…」としながらそれなりのコードになってしまいましたが、ポイントとなる箇所はハイライトしておきました。

<Window x:Name="window"
        x:Class="WpfApplication.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        WindowStyle="None">
    <Window.Style>
        <Style TargetType="Window">
            <Setter Property="WindowChrome.WindowChrome">
                <Setter.Value>
                    <WindowChrome CornerRadius="0"
                                  GlassFrameThickness="0"
                                  ResizeBorderThickness="8" />
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Window">
                        <Border x:Name="border"
                                Background="#ffffff"
                                BorderBrush="#cccccc"
                                BorderThickness="1">
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Grid Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Top">
                                    <TextBlock Text="{Binding ElementName=window, Path=Title}" />
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Stretch">
                                        <Button Content="＿" Width="{x:Static SystemParameters.WindowCaptionButtonWidth}" Height="{x:Static SystemParameters.WindowCaptionButtonHeight}" />
                                        <Button Content="□" Width="{x:Static SystemParameters.WindowCaptionButtonWidth}" Height="{x:Static SystemParameters.WindowCaptionButtonHeight}" />
                                        <Button Content="×" Width="{x:Static SystemParameters.WindowCaptionButtonWidth}" Height="{x:Static SystemParameters.WindowCaptionButtonHeight}" />
                                    </StackPanel>
                                </Grid>
                                <Grid Grid.Row="1">
                                    <ContentPresenter HorizontalAlignment="Stretch"
                                                      VerticalAlignment="Stretch" />                                   
                                </Grid>
                            </Grid>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="WindowState" Value="Maximized">
                                <Setter TargetName="border" Property="BorderThickness" Value="8" />
                            </Trigger>
                            <Trigger Property="WindowState" Value="Normal">
                                <Setter TargetName="border" Property="BorderThickness" Value="1" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>            
    </Window.Style>
    <Grid>
        <Button Content="Button"
                HorizontalAlignment="Center"
                VerticalAlignment="Center" />
    </Grid>
</Window>

参考記事

• grabacr.nét - WPF で Zune のようなウィンドウを作る

WPF の "Bootstrap" っぽい デザイン テーマ を作成しました。 コントロールだけ似せていては物足りなかったので、 メトロデザイン（フラットデザイン？）っぽい Window スタイル も作成しています。

※ まだ開発中なので足りない部分等あるかもしれません。その際はご意見いただけると嬉しいです。

Twining テーマ

概要

簡単に Bootstrap ライク な フラットデザイン の WPFアプリケーション 作成ができます。 "Twining"テーマ を利用した時の外観イメージは以下のようなものになります。

コントロール類は Bootstrap に似たデザインを、ウィンドウは枠のないフラットなデザインになるようなテーマになります。

使い方（導入）

テーマのダウンロード

1. 最新版を以下のページよりダウンロード

   GitHub - garafu / Twining : releases

   

プロジェクトの新規作成

1. WPFアプリケーションを新規作成

   

2. ダウンロードした dll を配置

   ダウンロードした Twining.dll は プロジェクト内の任意の位置へ配置します。 ここでは、"library" ディレクトリを作成してその配下へ配置しました。

   

3. 参照設定に追加

   参照に追加する際は「参照(B)...」からプロジェクトに追加した Twining.dll を直接参照するようにします。 参照先のパスが該当DLLになっていることを確認します。

   

テーマの設定

1. "App.xaml"に追加した ResourceDictionary を追加

   追加コード

   <Application x:Class="WpfApplication.App"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                StartupUri="Views/MainWindow.xaml">
       <Application.Resources>
           <ResourceDictionary Source="/Twining;component/Themes/Generic.xaml" />
       </Application.Resources>
   </Application>
   

   追加場所

   

2. "MainWindow.xaml"に Style を適用

   追加コード

   <Window x:Class="WpfApplication.Views.MainWindow"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           Title="MainWindow" Height="350" Width="525"
           Style="{StaticResource wnd-metro}">
     ...
   </Window>
   

   追加場所

   

以上で導入作業は終わりです。 実行して動作確認を行ってみてください。 （きっと動くハズ！）

独自のユーザーコントロールを作成して利用する際、できることなら xaml 上のプロパティ（属性）に値を設定するだけで動くようにしたいと思い… あれやこれやと実現する方法を調べたので、その結果をまとめておきます。

以下のサンプルでは GreetingMessageControl を作成します。 この ユーザーコントロール は 独自プロパティ として Locale があり、この プロパティ に ja や en を設定すると 挨拶 が表示されるコントロールです。

ユーザーコントロールの作成

基本的には UserControl を継承したクラスを作成すれば問題ありません。 依存プロパティを利用できるようにするためには コードビハインド で少し記述が必要になります。

xaml

TextBlock を１つだけ表示する ユーザーコントロール をデザインしました。 コードビハインドで文字列表示を制御したいので、TextBlock には x:Name を指定しています。

GreetingMessageControl.xaml

<UserControl x:Class="WpfApplication2.GreetingMessageControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="30" d:DesignWidth="120">
    <Grid>
        <TextBlock x:Name="txt" VerticalAlignment="Center" HorizontalAlignment="Center"/>
    </Grid>
</UserControl>

cs

Locale プロパティ を利用できるようにするだけでそれなりに記述がありました。 何はともあれまずはサンプルコードです。

GreetingMessageControl.xaml.cs

namespace WpfApplication2
{
    using System.Windows;
    using System.Windows.Controls;

    public partial class GreetingMessageControl : UserControl
    {
        public static readonly DependencyProperty LocaleProperty = DependencyProperty.Register(
            "Locale",
            typeof(string),
            typeof(GreetingMessageControl),
            new PropertyMetadata(
                string.Empty,
                new PropertyChangedCallback((sender, e) =>
                {
                    (sender as GreetingMessageControl).OnLocalePropertyChanged(sender, e);
                })));

        public GreetingMessageControl()
        {
            this.InitializeComponent();
        }

        public string Locale
        {
            get { return (string)this.GetValue(GreetingMessageControl.LocaleProperty); }
            set { this.SetValue(GreetingMessageControl.LocaleProperty, value); }
        }

        private void OnLocalePropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            var message = string.Empty;

            switch (e.NewValue.ToString())
            {
                case "ja":
                    message = "こんにちは";
                    break;
                case "en":
                    message = "Hello";
                    break;
                default:
                    break;
            }

            this.txt.Text = message;
        }
    }
}

ポイントは以下の3点になると思います。

• static readonly な DependencyProperty を作成する
• プロパティ を作成する
• プロパティが変更されたときの コールバック を作成する

static readonly な DependencyProperty を作成する

コード 8 - 17 行目 LocaleProperty クラス変数 部分になります。 DependencyProperty.Register メソッド の 第4引数 に渡している PropertyMetadata で プロパティ が変更された際の コールバック を指定しています。 できれば 「static な メソッド」 ではなく 「インスタンス メソッド」 を利用したいので、インスタンスに変換して呼び出すように記載しています。

プロパティ を作成する

コード 24 - 28 行目 Locale プロパティ 部分になります。 前述で作成した DependencyProperty に対する setter/getter を作成します。 基底クラスにある GetValue や SetValue を利用します。

プロパティが変更されたときの コールバック を作成する

コード 30 - 47 行目 OnLocalePropertyChanged メソッド 部分になります。 変更された値は e.NewValue で取得できます。 取得した値を適切な値にキャストして処理を記載しています。

ユーザーコントロールの利用

前述で作成した GreetingMessageControl を利用してみます。 まずは 名前空間 を利用できるよう xmlns:local を追記します。 次に、追加した名前空間を利用して local:GreetingMessageControl を配置します。 依存プロパティを指定すれば、画面上ですぐに反映していることが確認できます。

MainWindow.xaml

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication2"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <local:GreetingMessageControl Locale="en" />
    </Grid>
</Window>

参考記事

• stack overflow - Setting Custom Properties in UserControl via DataBinding
• stack overflow - How to add custom XAML attributes to a class that inherits UserControl?
• stack overflow - Custom attributes in WPF user control
• Qiita - WPF 依存プロパティの作り方

WPF で 共通するリソース（特に画像） を 別DLL へ切り出して共有利用する方法についてまとめました。 画像ファイルはパス設定をうまくやらないとエラーとなって動かないので、ポイントについて触れながら作成手順を記載します。 サンプルとして名前付きの BitmapImage を作成します。

目次

• リソースDLL の 作成
• リソースDLL の 利用
• おまけ

サンプルコード

• GitHub / samplecode_ResidentApplication
• ダウンロード

リソースDLL の 作成

ここではまず 共通で利用したい リソースDLL の作成を行います。

1. プロジェクトの作成は 「WPF カスタム コントロール ライブラリ」 を利用します。 空のプロジェクトからもできると思いますが…参照設定が面倒なので前述の「WPF カスタム コントロール ライブラリ」を作成します。

   

2. 不要なコントロール CustomControl1.cs は削除します。 また、「Images」ディレクトリを作成し、画像リソースを「Images」ディレクトリ配下へ配置します。 （ここでは「comment.png」を配置しています。ディレクトリ名は「Images」である必要はないので、任意のディレクトリ名で構いません。）

   

   補足ですが…追加した画像のプロパティは以下の通りです。

   ビルド アクション

   Resouce

   出力ディレクトリにコピー

   コピーしない

3. プロジェクトのプロパティから「アセンブリ名」を変更します。 ここで変更した名前は、このリソースを参照する際に後で利用します。

   

4. Generic.xaml に もともとあった Style を削除し、BitmapImage を追加します。 ここで指定する x:Name は このDLL を利用する際に画像を呼び出すキーとなります。 UriSource へ記載するパスは Generic.xaml から見た相対パスで記述します。

   

リソースDLL の 利用

以下の手順では、前述で作成した リソースDLL を WPFアプリケーション にて実際に利用する手順を記載します。

1. 参照の追加で作成したリソースDLLプロジェクトを参照します。

   

2. Resouces に 参照した ResouceDictionary を追加します。 Source へ記載するパス名は以下のようなルールで記載します。 「アセンブリ名」は前述の DLL作成 で指定した アセンブリ名 を記載します。 サンプルでは App.xaml の Resouces へ記載しています。

   /[アセンブリ名];component/[パス]Generic.xaml
   

   

3. 実際に画面上で利用する際は リソースDLL （Generic.xaml） で指定した 名前 を直接利用できます。

   

おまけ

画像リソースを利用している際に次のようなエラーがよく発生しましたが… 試行錯誤の末にこの記事にまとめたような解決策で解決しました。

エラーメッセージ例

リソース 'images/user.png' を検索できません。

エラー原因

原因はパス設定にあると思われますが…単純に解決できなかったので本記事掲載のカタチで構成するのが手っ取り早いと思います。

参考記事

• かずきのBlog@hatena - Windows ストア アプリリソースやアプリデータ内のファイルを指定するのに使えるURL
• @IT - 画像ファイルを表示するには？［Win 8］
• MSDN - WPF デザイナ読み込みエラーのトラブルシューティング
• MSDN - Windows Presentation Foundation におけるパッケージの URI
• (憂国のプログラマ Hatena版 改め) 周回遅れのブルース - Q115. ソリューション全体でアイコンを統一管理したい

WPF で Button 要素に画像を利用するにはどうしたら良いかについて調べたのでまとめました。 いろいろなサンプルコードを参照しながら検証したのですが…マウスオーバーやマウスプレスを利用する場合に Style と Trigger を利用した xaml の記載が必要になります。 単純に画像だけでよければ Image を利用するだけで事足ります。

画像を使うので リソース でもいくつか問題が発生しましたが… WPF の リソース に関しては 別記事 にします。。

目次

• 基本の画像ボタン
• 画像と文字列を含むボタン
• マウスオーバーで画像変更するボタン

サンプルコード

• GitHub / samplecode_ResidentApplication
• ダウンロード

基本の画像ボタン

ボタン背景として文字列ではなく画像を利用するような入力要素を作成します。 マウスオーバーやマウスプレスといったイベントには対応せず、単純に背景とする例です。

Button の直下に Image を記述することで画像ボタンが作成できます。 Button.Background に ImageBrush を利用するとパッと見はできているように見えるのですが…マウスオーバーすると画像がなくなってしまい、思うような動作となってくれません。 以下のサンプルコードに記載の通り、Button の直下に Image を記述する方法が単純にやりたいことが実現できます。

Mainwindow.xaml

<Window x:Class="WpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
  <Window.Resources>
    <ResourceDictionary>
      <BitmapImage x:Key="ImageSource1" UriSource="./Resources/user.png" />
    </ResourceDictionary>
  </Window.Resources>
  <Grid>
    <Button HorizontalAlignment="Center" VerticalAlignment="Center" Width="30" Height="30" >
      <Image Source="{StaticResource ImageSource1}" />
    </Button>
  </Grid>
</Window>

画像と文字列を含むボタン

文字と画像を含むボタンの例です。

Button の直下に要素を追加する点は前述の画像ボタンと類似しています。 ここで追加する要素は StackPanel を利用しています。

Mainwindow.xaml

<Window x:Class="WpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
  <Window.Resources>
    <ResourceDictionary>
      <BitmapImage x:Key="ImageSource1" UriSource="./Resources/user.png" />
    </ResourceDictionary>
  </Window.Resources>
  <Grid>
    <Button HorizontalAlignment="Center" VerticalAlignment="Center" Width="120" Height="40" Grid.Column="1">
      <StackPanel Orientation="Horizontal" Margin="4,2">
        <Image Source="{StaticResource ImageSource1}" VerticalAlignment="Center" />
        <Label Content="ユーザー" VerticalAlignment="Center" Margin="10,0,0,0"/>
      </StackPanel>
    </Button>
  </Grid>
</Window>

マウスオーバーで画像変更するボタン

マウスオーバー、マウスプレスで画像や見た目を変更する例です。

マウスオーバー、マウスプレスを利用する場合、ControlTemplate を利用します。 Trigger の IsMouseOver にて マウスオーバー 時 に画像を差し替えるようにします。 Trigger の IsPressed にて マウスプレス 時 の見た目を記述します。 少し構造が入り組んでいるため各要素に Name を指定しておき、 Trigger の Setter において要素を特定して変更を加えます。

Mainwindow.xaml

<Window x:Class="WpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
  <Window.Resources>
    <ResourceDictionary>
      <BitmapImage x:Key="ImageSource10" UriSource="./Resources/user.png" />
      <BitmapImage x:Key="ImageSource20" UriSource="./Resources/users.png" />
    </ResourceDictionary>
  </Window.Resources>
  <Grid>
    <Button HorizontalAlignment="Center" VerticalAlignment="Center" Width="75" Height="75" Grid.Column="1">
      <Button.Style>
        <Style TargetType="Button">
          <Setter Property="Template">
            <Setter.Value>
              <ControlTemplate TargetType="Button">
                <Border Name="border" BorderThickness="1" BorderBrush="#707070">
                  <StackPanel Name="panel" Orientation="Horizontal" Background="#DDDDDD">
                    <Image Name="image" Source="{StaticResource ImageSource10}" />
                  </StackPanel>
                </Border>
                <ControlTemplate.Triggers>
                  <Trigger Property="IsMouseOver" Value="true">
                    <Setter TargetName="border" Property="BorderBrush" Value="#3C7FB1" />
                    <Setter TargetName="image" Property="Source" Value="{StaticResource ImageSource20}" />
                    <Setter TargetName="panel" Property="Background" Value="#BEE6FD" />
                  </Trigger>
                  <Trigger Property="IsPressed" Value="true">
                    <Setter TargetName="border" Property="BorderBrush" Value="#2A597D" />
                    <Setter TargetName="image" Property="Opacity" Value="0.8" />
                    <Setter TargetName="panel" Property="Background" Value="#738B99" />
                  </Trigger>
                </ControlTemplate.Triggers>
              </ControlTemplate>
            </Setter.Value>
          </Setter>
        </Style>
      </Button.Style>
    </Button>
  </Grid>
</Window>

C# の WPF を利用して、タスクトレイに常駐するアプリケーションのひな形を開発してみます。 チュートリアルに近い形で順を追って作成できるようにしてみました。

概要

ここでは、タスクトレイ常駐アプリとして最低限と思われる以下の機能を実装します。

実装機能

• タスクトレイに「常駐アプリのアイコン」を表示する
• 「常駐アプリアイコン」を右クリックでコンテキストメニューを表示する
• コンテキストメニューには以下の項目が表示される
  • 表示
  • 終了
• コンテキストメニュー「表示」をクリックでウィンドウが立ち上がる
• コンテキストメニュー「終了」で常駐アプリを終了する

実行イメージ

プロジェクト の 作成

プロジェクト自体は特に気にすることはなく、ウィザードに従って "WPFアプリケーション" のプロジェクトを作成します。

1. [ファイル]-[新規作成]-[プロジェクト] を選択

   

2. 「新しいプロジェクト」ウィンドウにて、「WPF アプリケーション」を選択し、 名前、場所、ソリューション名を設定して、「OK」ボタンを押下

   

常駐アプリ の 実装

アプリケーション名 の 変更

1. プロジェクトを右クリック、 [プロパティ] を選択

   

2. [アプリケーション] タブ にある [アセンブリ情報] ボタンを選択

   

3. 「アセンブリ情報」にて、 タイトル を変更

   

   ※ ここで設定する タイトル は 「通知領域アイコン」にて表示される アプリケーション名 になります

   

NotifyIcon クラス の ラッパー ひな型 (NotifyIconWrapper) 作成

NotifyIcon クラス は WPF で直接使えないので、ラッパーを作成して利用します。 ここでは、そのひな形を作るだけで、中身の実装はあとで行います。

1. プロジェクトを右クリック、[追加]-[新しい項目] を選択

   

2. 「新しい項目の追加」ウィンドウにて、「コンポーネント クラス」を選択し、名前を入力して、[追加]ボタンを押下
   ここでは名前を NotifyIconWrapper としました。

   

アプリケーション の 起動処理 を 修正

Window は表示せず、 NotifyIcon のみを起動するように処理を変更します。

1. App.xaml から /Application/@StartupUri を削除

   修正前

   

   修正後 App.xaml

   <Application x:Class="ResidentApplication.App"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
       <Application.Resources>
            
       </Application.Resources>
   </Application>
   

2. App.xaml.cs に プロパティ、起動処理、終了処理を追加

   修正前

   

   修正後 App.xaml.cs

   namespace ResidentApplication
   {
       using System.Windows;
   
       /// <summary>
       /// App.xaml の相互作用ロジック
       /// </summary>
       public partial class App : Application
       {
           /// <summary>
           /// タスクトレイに表示するアイコン
           /// </summary>
           private NotifyIconWrapper notifyIcon;
   
           /// <summary>
           /// System.Windows.Application.Startup イベント を発生させます。
           /// </summary>
           /// <param name="e">イベントデータ を格納している StartupEventArgs</param>
           protected override void OnStartup(StartupEventArgs e)
           {
               base.OnStartup(e);
               this.ShutdownMode = ShutdownMode.OnExplicitShutdown;
               this.notifyIcon = new NotifyIconWrapper();
           }
   
           /// <summary>
           /// System.Windows.Application.Exit イベント を発生させます。
           /// </summary>
           /// <param name="e">イベントデータ を格納している ExitEventArgs</param>
           protected override void OnExit(ExitEventArgs e)
           {
               base.OnExit(e);
               this.notifyIcon.Dispose();
           }
       }
   }
   

NotifyIconWrapper クラス の 実装

1. 「ソリューション エクスプローラー」にて、「NotifyIconWrapper.cs」をダブルクリック

   

2. 「ツールボックス」にある「NotifyIcon」と「ContextMenuStrip」を、「NotifyIconWrapper.cs [デザイン]」へ ドラッグ&ドロップ
   NotifyIcon は [コモンコントロール]-[NotifyIcon] にあります。
   ContextMenuStrip は [メニューとツールバー]-[ContextMenuStrip] にあります。

   

3. 「ソリューション エクスプローラー」にて、「参照設定」を右クリック、[参照の追加] を選択

   

4. 「参照マネージャー」にて、 System.Drawing を追加

   ※ System.Drawing は アイコン を表示させるために必要な参照になります。

   

5. 「NotifyIconWrapper.cs [デザイン]」に追加した notifyIcon1 を選択し、「プロパティ」ウィンドウにて、以下の項目を設定

   「通知アイコン」プロパティ

   ContextMenuStrip

   タスクトレイに表示するアイコンを右クリックした時表示するコンテキストメニュー
   前項で追加した contextMenuStrip1 を設定

   Icon

   タスクトレイに表示したいアイコン

   Text

   タスクトレイ上のアイコンにマウスオーバーした時表示されるツールチップメッセージ

   

   ※ ここで設定する Text は「通知領域アイコン」にて表示される コメント、タスクトレイ上で アイコン に マウスオーバー したときの ツールチップ になります

   

6. 「NotifyIconWrapper.cs [デザイン]」に追加した contextMenuStrip1 を右クリック、[項目の編集] を選択

   

7. 「項目コレクション エディター」にて、以下のような MenuItem を2項目追加

   「"表示" メニュー項目」プロパティ

   (Name)

   toolStripMenuItem_Open

   Text

   表示

   「"終了" メニュー項目」プロパティ

   (Name)

   toolStripMenuItem_Exit

   Text

   終了

   

8. NotifyIconWrapper クラス に コンテキストメニュー 選択時 の 処理を実装

   修正前

   

   修正後 NotifyIconWrapper.cs

   namespace ResidentApplication
   {
       using System;
       using System.ComponentModel;
       using System.Windows;
   
       /// <summary>
       /// タスクトレイ通知アイコン
       /// </summary>
       public partial class NotifyIconWrapper : Component
       {
           /// <summary>
           /// NotifyIconWrapper クラス を生成、初期化します。
           /// </summary>
           public NotifyIconWrapper()
           {
               // コンポーネントの初期化
               this.InitializeComponent();
   
               // コンテキストメニューのイベントを設定
               this.toolStripMenuItem_Open.Click += this.toolStripMenuItem_Open_Click;
               this.toolStripMenuItem_Exit.Click += this.toolStripMenuItem_Exit_Click;
           }
   
           /// <summary>
           /// コンテナ を指定して NotifyIconWrapper クラス を生成、初期化します。
           /// </summary>
           /// <param name="container">コンテナ</param>
           public NotifyIconWrapper(IContainer container)
           {
               container.Add(this);
   
               this.InitializeComponent();
           }
   
           /// <summary>
           /// コンテキストメニュー "表示" を選択したとき呼ばれます。
           /// </summary>
           /// <param name="sender">呼び出し元オブジェクト</param>
           /// <param name="e">イベントデータ</param>
           private void toolStripMenuItem_Open_Click(object sender, EventArgs e)
           {
               // MainWindow を生成、表示
               var wnd = new MainWindow();
               wnd.Show();
           }
   
           /// <summary>
           /// コンテキストメニュー "終了" を選択したとき呼ばれます。
           /// </summary>
           /// <param name="sender">呼び出し元オブジェクト</param>
           /// <param name="e">イベントデータ</param>
           private void toolStripMenuItem_Exit_Click(object sender, EventArgs e)
           {
               // 現在のアプリケーションを終了
               Application.Current.Shutdown();
           }
       }
   }
   

実装は以上になります。 この後は、実際にアプリを実行して正常に動作するか検証を行います。

常駐アプリ の 実行/テスト

特に変わったことはせず、普通にデバッグ実行するとテストができます。

1. Visual Studio でデバッグ実行

   

2. タスクトレイに常駐して起動していることを確認

   

参考記事

• SourceChord - WPFでの常駐アプリの作り方
• C# カフェ　～プログラマー達の憩い場 - C#でタスクトレイ常駐型アプリケーションの作り方～その１
• hnx8 開発室 - タスクトレイ常駐アプリの実装 Tips＆Tricks（その１）
• 半透過マルチアイコンfavicon.icoを作ろう!

あまり利用用途が思いつきませんが… 一応、メモ書きとして残しておきます。

タイトルは "ASP.NET" とありますが、実際は デスクトップアプリケーション (WPF, Windows Form アプリケーション) でも同じコードで app.config を取得できます。

アプリケーション構成ファイル (web.config や app.config) に独自の設定を追加したい場合、独自に実装する必要があります。 詳しくは こちら をご参照ください。

サンプルコード

System.AppDomain.CurrentDomain.SetupInformation.ConfigurationFile

WPF の PasswordBox は セキュリティ上の問題から直接データバインドすることができません。 …が、セキュリティ上の問題を承知したうえで、それでもデータバインドしたい、簡便さを優先したい場合があると思います。 今回は、セキュリティ上の問題を承知したうえで、データバインドを実現する方法をまとめます。

目次

• 概要
• PasswordBoxHelper クラス
• XAML記述（使い方）

サンプルコード

ダウンロード

WPF で ListBox に リストデータ を表示する基本形をまとめます。 ここでは、カスタムデータ の リスト を ListBox の データソース として ItemsSource に与え、カスタムデータ の プロパティ を DisplayMemberPath に表示名として指定して利用する方法を載せます。

目次

• ListBox に表示したい データ
• ListBox に リストデータ を 表示する サンプルコード

WPF で DataContext を設定する方法はコード上でプロパティに設定する方法とXAML上で記載する方法と2種類あります。 ここではそれぞれについて、設定する方法を記載します。

INotifyPropertyChanged インターフェイス を実装したサンプルコードを掲載します。 （…どちらかと言うと、自分の覚書。。）

ここでは ICommand インターフェイス を実装した カスタム コマンド のサンプルコードを掲載します。 汎用的に使える実装を委譲したコマンドになっています。 （…どちらかと言うと、自分の覚書。。）

基本は xaml で CommandParameter属性 を指定することで引数を渡せます。 以下ではいくつかの サンプルコード を記載しました。

目次

• 固定値 を 渡す 例
• 要素 を 渡す 例
  • コントロールを渡す例
  • Windowを渡す例
• 要素 の プロパティ を 渡す 例

WPF で利用される Command(コマンド) に関して簡単なまとめを記載します。 コマンドは操作を分離したもので、関連するオブジェクトに コマンド ソース、コマンド および コマンド と 実装 を結びつける コマンド バインディング があります。 （他にもありますが…ここでは割愛します。。） 以下ではこれらを簡単に紹介します。

目次

• コマンド ソース
• コマンド
• コマンド バインディング

ちまたにいくらでもありますが… WPF の 簡単な サンプルアプリケーション を作成します。 最も単純化された アプリケーション なので、実用に耐えられるものではないと思いますが、基本を押さえるには参考になると思います。

目次

• 概要
• プロジェクトの修正
• Model の作成
• Command の作成
• ViewModel の作成
• View の修正
• 最終的にできあがったプロジェクト

サンプルコード

ダウンロード

WPF アプリケーション の開発において Elysium を利用すると、ストアアプリ のような画面 (Github for windows のような画面) が簡単に作成できます。 見た目を簡単にフラットデザインぽくできるので、便利なプラグイン？ ライブラリ？ だと思います。 ここでは、その 実装手順 の 簡単な チュートリアル を記載します。

実行サンプル

Elysium を使って実装した WPF アプリケーション の実行画面は次のようなものになります。