19
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

PowerShellでWPFを使う

Last updated at Posted at 2020-08-11

はじめに

WPFはC#やVisual Basicでの実装を前提とされている面がありますが、Powshellでの実装もそれなりに対応しています。
自由に言語を選ぶならC#でしょうけど、C#よりPowerShellに触れる機会の多い職種の人もたくさんいますし、プロジェクトによってはC#の開発環境が許可されないなんてことも。最近のWindowsだと、PowerShell 5はデフォルトで入っているんですよね。
ということでPoworShellでのWPFアプリの作成ができると案外便利ですし、割と普通に作れます。

最初の表示

まずは最低限の表示から。

wpf-1.ps1
using namespace System.Xml

Add-Type -AssemblyName PresentationFramework
[xml]$xaml = '
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="100">
Hello WPF!!
</Window>'

$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)

$window.ShowDialog()

wpf-1-1.jpg

xamlファイル

XAMLは別ファイルにしておいたほうがいいかもしれません。
方法は簡単です。Get-Contentで呼び出すだけ。

wpf-2.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="100">
Hello WPF!!
</Window>
wpf-2.ps1
using namespace System.Xml

Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-2.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)

$window.ShowDialog()

wpf-2-1.jpg

コントロールの取得

$label=$window.FindName("label")

上のようにFindNameメソッドを使えば、コントロールを取得することができ、それに対する操作もできます。

wpf-3.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="100">
    <StackPanel>
        <Label x:Name="label"/>
    </StackPanel>
</Window>
wpf-3.ps1
using namespace System.Xml

Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-3.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)

$label=$window.FindName("label")
$label.Content = "Hello"

$window.ShowDialog()

wpf-3-1.jpg

イベント

イベントは、「add_イベント名」というメソッドにスクリプトブロックを引き渡すことによって登録できます。

$button.add_Click({$label.Content++})

これを利用して以下のように書くことができます。

wpf-4.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="100">
    <StackPanel>
        <Label x:Name="label"/>
        <Button x:Name="button">Click!</Button>
    </StackPanel>
</Window>
wpf-4.ps1
Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-4.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)
$label=$window.FindName("label")
$button=$window.FindName("button")
$label.Content = 1
$button.add_Click({$label.Content++})
$window.ShowDialog()

wpf-4-1.jpg
↓クリック!
wpf-4-2.jpg

データバインド

データバインドも普通にできます。
PSCustomObjectも普通に使えます。

wpf-4.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="100">
    <StackPanel>
        <TextBlock></TextBlock>
        <TextBlock Text="{Binding LastName}" />
        <TextBlock></TextBlock>
        <TextBlock Text="{Binding FirstName}" />
    </StackPanel>
</Window>
wpf-5.ps1
Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-5.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)
$window.DataContext = [PSCustomObject]@{
    FirstName = "太郎";
    LastName = "佐藤"
}
$window.ShowDialog()

PowerShellのクラスを使ってもバインドできます。

wpf-5-2.ps1
using namespace System.Xml

Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-5.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)

class PSClass
{
    [string]$FirstName
    [string]$LastName
}

$obj = New-Object PSClass
$obj.FirstName = "太郎"
$obj.LastName = "佐藤"

$window.DataContext = $obj
$window.ShowDialog()

wpf-5-1.jpg

INotifyPropertyChanged

WPFでアプリケーションを実装するにはINotifyPropertyChangedインターフェースを実装することが重要になってきます。
PowerShellでそれを簡単に実現するためにはExpandoObjectを利用するという方法があります。
生成する関数を作っておくとよいでしょう。

New-ExpandoObject
function New-ExpandoObject([PSCustomObject]$source){
    $source = [PSCustomObject]$source
    $ret = New-Object ExpandoObject
    $source | Get-Member | ?{$_.MemberType -eq "NoteProperty"} | %{$ret.($_.Name) = $source.($_.Name)}
    return ,$ret
}

ExpandoObjectはINotifyPropertyChangedを実装しているため、データバインドを使ったデータの連携ができます。

wpf-6.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="120">
    <StackPanel Orientation="Horizontal">
        <StackPanel>
            <TextBlock></TextBlock>
            <TextBox Text="{Binding LastName, UpdateSourceTrigger=PropertyChanged}" />
            <TextBlock></TextBlock>
            <TextBox Text="{Binding FirstName, UpdateSourceTrigger=PropertyChanged}" />
        </StackPanel>
        <StackPanel>
            <TextBlock></TextBlock>
            <TextBox Text="{Binding LastName, UpdateSourceTrigger=PropertyChanged}" />
            <TextBlock></TextBlock>
            <TextBox Text="{Binding FirstName, UpdateSourceTrigger=PropertyChanged}" />
        </StackPanel>
    </StackPanel>
</Window>
wpf-6.ps1
using namespace System.Xml
using namespace System.Dynamic

function New-ExpandoObject([PSCustomObject]$source){
    $source = [PSCustomObject]$source
    $ret = New-Object ExpandoObject
    $source | Get-Member | ?{$_.MemberType -eq "NoteProperty"} | %{$ret.($_.Name) = $source.($_.Name)}
    return ,$ret
}

Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-6.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)
$window.DataContext = New-ExpandoObject @{
    FirstName = "太郎";
    LastName = "佐藤"
}
$window.ShowDialog()

wpf-6-1.jpgwpf-6-2.jpg

INotifyCollectionChanged

ObservableCollectionは普通に使えますね。

wpf-7.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="200" Height="200">
    <DockPanel LastChildFill="False">
        <Button DockPanel.Dock="Bottom" x:Name="button">追加</Button>
        <DataGrid ItemsSource="{Binding}" CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn  Header="姓" Binding="{Binding LastName, UpdateSourceTrigger=PropertyChanged}"/>
                <DataGridTextColumn  Header="名" Binding="{Binding FirstName, UpdateSourceTrigger=PropertyChanged}"/>
            </DataGrid.Columns>
        </DataGrid>
        <DataGrid ItemsSource="{Binding}" CanUserAddRows="False"> 
            <DataGrid.Columns>
                <DataGridTextColumn  Header="姓" Binding="{Binding LastName, UpdateSourceTrigger=PropertyChanged}"/>
                <DataGridTextColumn  Header="名" Binding="{Binding FirstName, UpdateSourceTrigger=PropertyChanged}"/>
            </DataGrid.Columns>
        </DataGrid>
    </DockPanel>
</Window>
wpf-7.ps1
using namespace System.Xml
using namespace System.Dynamic
using namespace System.Collections.ObjectModel

function New-ExpandoObject([PSCustomObject]$source){
    $source = [PSCustomObject]$source
    $ret = New-Object ExpandoObject
    $source | Get-Member | ?{$_.MemberType -eq "NoteProperty"} | %{$ret.($_.Name) = $source.($_.Name)}
    return ,$ret
}

Add-Type -AssemblyName PresentationFramework
[xml]$xaml = Get-Content .\wpf-7.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)
$button = $window.FindName("button")
$collection = New-Object ObservableCollection[ExpandoObject]
$window.DataContext = $collection
$button.add_Click({
    $collection.Add((New-ExpandoObject @{FirstName="";LastName=""}))
})
$window.ShowDialog()

wpf-7-1.jpg
wpf-7-2.jpg
wpf-7-3.jpg

C#でのクラス定義

PowerShellではC#でのクラスも定義できます。文字列でC#のコードを使うという大胆な記法。
C#との連携を強く考えて設計されているWPFは実装しやすくなるとは思いますが、PowerShell内にC#のコードが多数埋め込まれたコードは大変わかりにくくなり、PowerShellらしい書き方もできなくなるため、私はなるべく使わないに越したことはないと思います。
これを使えばINotifyPropertyChangedなども普通に実装できます。

wpf-8.xaml
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="100" Height="120">
    <StackPanel Orientation="Horizontal">
        <StackPanel>
            <TextBlock></TextBlock>
            <TextBox Text="{Binding LastName, UpdateSourceTrigger=PropertyChanged}" />
            <TextBlock></TextBlock>
            <TextBox Text="{Binding FirstName, UpdateSourceTrigger=PropertyChanged}" />
        </StackPanel>
        <StackPanel>
            <TextBlock></TextBlock>
            <TextBox Text="{Binding LastName, UpdateSourceTrigger=PropertyChanged}" />
            <TextBlock></TextBlock>
            <TextBox Text="{Binding FirstName, UpdateSourceTrigger=PropertyChanged}" />
        </StackPanel>
    </StackPanel>
</Window>
wpf-8.ps1
using namespace System.Xml

Add-Type -AssemblyName PresentationFramework
Add-Type '
using System.ComponentModel;
using System.Runtime.CompilerServices;
public class Name : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    void Set<T>(ref T field, T value, [CallerMemberName] string propertyName = "")
    {
{
        if(!field.Equals(value))
        {
            field = value;
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
    }
    string firstName = "";
    public string FirstName
    {
        get{return firstName;}
        set{Set(ref firstName, value);}
    }
    string lastName = "";
    public string LastName
    {
        get{return lastName;}
        set{Set(ref lastName, value);}
    }
}
'
[xml]$xaml = Get-Content .\wpf-8.xaml
$nodeReader = (New-Object XmlNodeReader $xaml)
$window = [Windows.Markup.XamlReader]::Load($nodeReader)
$name = New-Object Name
$name.LastName = "佐藤"
$name.FirstName = "太郎"
$window.DataContext = $name

$window.ShowDialog()

wpf-8-1.jpg
wpf-8-2.jpg

19
24
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
19
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?