C#のWindowsアプリ開発入門｜WPFの基本と実践

先生

C#とWPFで、あなただけのWindowsアプリを開発しよう！基本から実践まで、わかりやすく解説します。

C# WPFとは？Windowsアプリ開発の基礎

C#とWPF (Windows Presentation Foundation) を使用すると、デスクトップ向けの強力なWindowsアプリケーションを開発できます。WPFは、UIデザインのためのフレームワークであり、C#はそのロジックを記述するためのプログラミング言語です。この記事では、WPFの基本と実践的な開発手法について解説します。

WPFは、従来のWindows Formsに比べて、より柔軟で表現力豊かなUIを作成できます。XAML (Extensible Application Markup Language) を使用してUIを記述し、データバインディング、スタイル、テンプレートなどの機能を通じて、開発効率と保守性を向上させることができます。

開発環境の準備：Visual Studioのインストール

C#とWPFの開発には、Visual Studioが推奨されます。Visual Studioには、必要なツールとテンプレートがすべて含まれており、開発プロセスを効率化できます。

Visual Studioをインストールするには、まずMicrosoftの公式サイトからVisual Studio Community (無料版) をダウンロードします。

ダウンロード後、インストーラーを起動し、ワークロードの選択画面で「.NETデスクトップ開発」を選択します。これにより、C#とWPFの開発に必要なコンポーネントがインストールされます。

インストールが完了したら、Visual Studioを起動し、新しいプロジェクトを作成します。プロジェクトの種類として「WPF アプリケーション」を選択します。

WPFの基本：XAMLの構造とコントロール

WPFアプリケーションのUIは、XAMLと呼ばれるXMLベースの言語で記述されます。XAMLファイルには、ウィンドウ、ボタン、テキストボックスなどのコントロールの配置やプロパティが記述されます。

基本的なXAMLの構造は次のとおりです。

 <Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="MyProject.MainWindow"
    Title="My Window" Height="350" Width="525">
    <Grid>
        <Button Content="Click Me!" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

この例では、Window要素がアプリケーションのメインウィンドウを表し、Grid要素がコントロールを配置するためのレイアウトパネルを表します。Button要素は、ユーザーがクリックできるボタンを表します。

WPFには、さまざまな種類のコントロールが用意されています。よく使用されるコントロールには、Button、TextBlock、TextBox、ListBox、ComboBoxなどがあります。これらのコントロールを組み合わせて、複雑なUIを作成できます。

データバインディング：UIとデータの連携

WPFの重要な機能の1つに、データバインディングがあります。データバインディングを使用すると、UI要素のプロパティをデータソースに接続できます。データソースが変更されると、UI要素が自動的に更新され、UI要素が変更されると、データソースが自動的に更新されます。

データバインディングは、MVVM (Model-View-ViewModel) パターンと組み合わせて使用すると、アプリケーションのアーキテクチャを改善し、テスト容易性を向上させることができます。

簡単なデータバインディングの例を次に示します。

 // C#コード
public class MyViewModel : INotifyPropertyChanged
{
    private string _message = "Hello, WPF!";
    public string Message
    {
        get { return _message; }
        set
        {
            _message = value;
            OnPropertyChanged(nameof(Message));
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}
// XAMLコード
<TextBlock Text="{Binding Message}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

この例では、TextBlockのTextプロパティが、MyViewModelクラスのMessageプロパティにバインドされています。Messageプロパティが変更されると、TextBlockのテキストが自動的に更新されます。

イベント処理：ユーザーインタラクションの実装

WPFアプリケーションは、イベントを通じてユーザーインタラクションに応答します。ボタンのクリック、キーボードの入力、マウスの移動など、さまざまなイベントを処理できます。

イベントハンドラーを定義するには、XAMLでイベント属性にメソッド名を指定します。次に、C#コードでイベントハンドラーメソッドを実装します。

ボタンのクリックイベントを処理する例を次に示します。

 <!-- XAMLコード -->
<Button Content="Click Me!" Click="Button_Click"/>
// C#コード
private void Button_Click(object sender, RoutedEventArgs e)
{
    MessageBox.Show("Button Clicked!");
}

この例では、Button要素のClickイベントにButton_Clickメソッドが関連付けられています。ボタンがクリックされると、Button_Clickメソッドが実行され、メッセージボックスが表示されます。

実践：簡単な電卓アプリを作成

ここまでの知識を活用して、簡単な電卓アプリを作成してみましょう。UIデザインは、テキストボックスとボタンを配置して作成します。ボタンのクリックイベントを処理して、計算ロジックを実装します。

この実践を通して、WPFアプリケーション開発の基本的な流れを理解し、より複雑なアプリケーション開発に挑戦するための足がかりとすることができます。

参考リンク

まとめ

この記事では、C#とWPFを使用したWindowsアプリケーション開発の基本について解説しました。WPFは、柔軟で表現力豊かなUIを作成するための強力なフレームワークであり、C#はそのロジックを記述するためのプログラミング言語です。Visual Studioを使用して開発環境を準備し、XAMLでUIを記述し、データバインディングとイベント処理を使用して、UIとデータの連携とユーザーインタラクションを実装することができます。これらの知識を活用して、独自のWindowsアプリケーションを開発してみてください。