WPFで使えるMVVMフレームワーク「Prism」とは

.NET開発者のためのブログメディア

WPF、UWPアプリなどのXAMLアプリケーションで、MVVMパターン開発を支援する「Prism」は、 WPF、UWPアプリ開発を効率的にします。「Prism」を使って簡単なアプリケーションを作成してみましょう。

SE: MVVMパターンとは何ですか？

PM: プログラムの要素をModel、View、ViewModelの3つに分割したWPF、 Silverlight向けに考案された開発手法です。

この記事でわかること

1 Prismを使ってできること
2 Prismのインストールとサンプルの作成方法
3 Prismを使って開発効率をアップ

Prismを使ってできること

Prismが提供する主な機能は以下のとおりです。

[table id=25 /]

Prismは疎結合で保守性が高いWPFやUWPアプリ開発を補助するフレームワークです。UIとビジネスロジックが分離されたアプリは、MSTestなどのツールによるテスト自動化も行えます。

公式HP：https://github.com/PrismLibrary/Prism
Nuget：https://www.nuget.org/packages/Prism.Wpf/

Prismのインストールとサンプルの作成方法

では、実際にPrismをインストールしてアプリを作っていきましょう。今回は、ボタンを押すとカウンタが1ずつ増えていく、下のイメージのような簡単なアプリをPrismで作ります。

【サンプルアプリの完成イメージ】

Prismのインストール

まずは、Visual StudioにPrismをインストールしましょう。今回はVisual Studio 2019を使った例で解説します。

1. Visual Studioのメニューより、[拡張機能]>[拡張機能の管理]を選択します。
2. 画面右上の検索ボックスに「Prism Template Pack」と入力し検索し、検索結果の一覧にある[ダウンロード]をクリックします。

ダウンロード実行

1. 画面の指示に従い Visual Studioを閉じると、次のようなインストーラが立ち上がるため、[Modify]ボタンをクリックし、インストールを開始します。

Modifyボタン

PrismでWPFアプリの作成

1. Visual Studioの「新しいプロジェクトの作成」で、検索ボックスに「Prism」と入力し、検索結果から「Prism Blank App(WPF)」を選択します。

プロジェクト作成

1. プロジェクト名や保存場所を入力します。

プロジェクト名と保存場所

1. 次に[PRISM PROJECT WIZARD]の画面が表示され、どのDIコンテナを使用するかを選択します。ここでは「Unity」を選択します。

DIコンテナ選択

画面（MainWindow.xaml）とビューモデル（MainWindowViewModel.cs）があらかじめ追加されたプロジェクトが作成されます。ファイルを編集して、サンプルアプリを完成させましょう。

<Window x:Class="BlankApp1.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:prism="http://prismlibrary.com/"
        prism:ViewModelLocator.AutoWireViewModel="True"
        Title="{Binding Title}" Height="150" Width="225">
    <Grid>
        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Orientation="Horizontal">
            <Border Width="40" BorderBrush="Black" BorderThickness="1">
                <Label Content="{Binding Cnt}" />
            </Border>
            <Button Command="{Binding CountUp}" Content="Click hire" />
        </StackPanel>
    </Grid>
</Window>

<Window x:Class="BlankApp1.Views.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:prism="http://prismlibrary.com/"

prism:ViewModelLocator.AutoWireViewModel="True"

Title="{Binding Title}" Height="150" Width="225">

<Grid>

</Border>

</StackPanel>

</Grid>

</Window>

using Prism.Commands;
using Prism.Mvvm;
using Prism.Navigation;
using System;

namespace BlankApp1.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        private int _cnt;
        public int Cnt {
            get { return _cnt; }
            set { SetProperty(ref _cnt, value); }
        }

        public DelegateCommand CountUp { get; private set; }

        public MainWindowViewModel()
        {
            CountUp = new DelegateCommand(
                () => { Cnt++; }, // Click hireが押された時
                () => true);      // コマンドの実行可否(trueで実行可)
        }
    }
}

using Prism.Commands;

using Prism.Mvvm;

using Prism.Navigation;

using System;

namespace BlankApp1.ViewModels

{

public class MainWindowViewModel : BindableBase

{

private int _cnt;

public int Cnt {

get { return _cnt; }

set { SetProperty(ref _cnt, value); }

}

public DelegateCommand CountUp { get; private set; }

public MainWindowViewModel()

{

CountUp = new DelegateCommand(

() => { Cnt++; }, // Click hireが押された時

() => true); // コマンドの実行可否(trueで実行可)

}

SE: Prismを使用すると、MVVMパターンのアプリが簡単に作れますね。

PM: Prismで作ったアプリは、ViewやViewModelなどの層が疎結合になっていて、メンテナンス性も良くなります。

Prismを使って開発効率をアップ

一般的にMVVMパターンのアプリは、メンテナンス性が高い代わりに、最初の開発に時間がかかるといわれています。 Prismなどのフレームワークを使用して、効率的にMVVMパターンのアプリを開発しましょう。

FEnetへの登録は左下のチャットが便利です経験者優遇! 最短10秒!

.NET分野でのキャリアアップをお考えの方は、現在募集中の求人情報をご覧ください。

また、直接のエントリーも受け付けております。

エントリー（応募フォーム）

Search キーワード検索

Popular 人気の記事

reccomended おすすめ記事

C#のusingステートメントでリソースの解放【Disposeとの違いとは】

公開:'20/03/17 更新:'21/11/05
【SQL Serverログの操作】トランザクションログの使用量を確認する方法

公開:'20/03/16 更新:'21/11/08
【.NETが統合】.NET 5の概要と今後のリリース予定

公開:'20/03/05 更新:'20/10/08

Categories 連載一覧

生活・便利

教育・学習

Windows

言語・環境

転職

エンジニア

働き方

プログラミング言語

開発環境

ツール

未分類

WPFで使えるMVVMフレームワーク「Prism」とは

Prismを使ってできること

Prismのインストールとサンプルの作成方法

Prismのインストール

PrismでWPFアプリの作成

Prismを使って開発効率をアップ

Search キーワード検索

Popular 人気の記事

reccomended おすすめ記事

C#のusingステートメントでリソースの解放【Disposeとの違いとは】

【SQL Serverログの操作】トランザクションログの使用量を確認する方法

【.NETが統合】.NET 5の概要と今後のリリース予定

Categories 連載一覧

Tags タグ一覧

Jobs 新着案件

開発エンジニア/東京都品川区/【WEB面談可】/在宅ワーク

遠隔テストサービス機能改修/JavaScript/東京都港区/【WEB面談可】/テレワーク

病院内システムの不具合対応、保守/東京都豊島区/【WEB面談可】/テレワーク

開発/JavaScript/東京都豊島区/【WEB面談可】/テレワーク

債権債務システム追加開発/東京都文京区/【WEB面談可】/在宅勤務

PMO/東京都豊島区/【WEB面談可】/在宅勤務