2015-05-24

WPF マークアップファイルにC#の部分コードファイルを関連付ける

WPF

前回のマークアップファイルにC#の分離コードファイルを追加します。

追加するC#のクラスはマークアップファイルと同じにする必要があります。

MainWindow.xamlの場合はMainWindow.xaml.csです。

TextBoxコントロールのTextプロパティに ButtonコントロールのClickイベントで "Hello World" を設定します。

分離コードファイルを作成します。

using System;
using System.Windows.Controls;
using System.Windows;

namespace Test {
public partial class MainWindow : Window {
    public MainWindow() {
      InitializeComponent();
    }
    public void Button1Clicked(object sender, RoutedEventArgs e) {
      _text1.Text = "Hello World";
    }
}
}

MainWindow.xamlを作成します。

<Window
x:Class='Test.MainWindow'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
Title='Hello World'>
<WrapPanel>
    <Button Click='Button1Clicked'>Hello World1</Button>
    <Button>Hello World2</Button>
    <TextBox x:Name='_text1'></TextBox>
</WrapPanel>
</Window>

x:Classでクラスを指定します。

Clickイベントで処理するメソッド名を指定します。

最後にTextBoxに x:Name で名前を指定します。

C#ファイルをインクルードするようにプロジェクトファイルを作成します。

<PropertyGroup>
    <Configuration>Debug</Configuration>
    <Platform>AnyCPU</Platform>
    <RootNamespace>Test</RootNamespace>
    <AssemblyName>Test</AssemblyName>
    <OutputPath>.\bin\Debug\</OutputPath>
</PropertyGroup>

2015-05-24

WPF ウィンドウにコントロールを追加する

WPF

前回のウィンドウにコントロールを追加します。

&amp;amp;amp;amp;amp;lt;a href="http://ginka.hatenadiary.jp/entry/2015/05/24/180131" data-mce-href="http://ginka.hatenadiary.jp/entry/2015/05/24/180131"&amp;amp;amp;amp;amp;gt;ウィンドウ定義を別のファイルにする - ginka’s blog&amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;gt;ginka.hatenadiary.jp

MainWindow.xamlを変更します。

<Window

xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
Title='Hello World'>
<Button>Hello World</Button>
</Window>

これをMSBuildでコンパイルすると下記の画面になります。

f:id:GraySilverCoin:20150524191045p:plain

Windowのレイアウトは子のコントロールを全体に表示されます。

次にButtonを2つにしてみます。

<Window
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
Title='Hello World'>
<Button>Hello World1</Button>
<Button>Hello World2</Button>
</Window>

これをコンパイルするとエラーになります。

f:id:GraySilverCoin:20150524191734p:plain

Windowコントロールは2つのコントロールを含めることができません。

2つ以上のコントロールを追加する場合はレイアウトコントロールを追加します。

例えばStackPanelやWrapPanelです。

<Window
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
Title='Hello World'>
<WrapPanel>
<Button>Hello World1</Button>
<Button>Hello World2</Button>
</WrapPanel>
</Window>

f:id:GraySilverCoin:20150524192359p:plain

コンパイルできました。

2015-05-24

WPF ウィンドウ定義を別のファイルにする

WPF

前回はアプリケーション定義内でウィンドウを定義しました。

&amp;lt;a href="http://ginka.hatenadiary.jp/entry/2015/05/24/161238" data-mce-href="http://ginka.hatenadiary.jp/entry/2015/05/24/161238"&amp;gt;Applicationオブジェクトをマークアップに変更する - ginka’s blog&amp;lt;/a&amp;gt;ginka.hatenadiary.jp

一般的にウィンドウは別のファイルにします。

今回はウィンドウを別のファイルに作成し、そのウィンドウをプロジェクトファイルに追加したいと思います。

まずはウィンドウ用のファイルを作成します。

ファイル名はMainWindow.xamlにします。

App.xamlから下記の部分を削除します。

プロジェクトファイルにPageビルド型を追加します。

上記のファイルが用意できたらMSBuildでビルドしてください。

*1:Application.MainWindow

2015-05-24

WPF Applicationオブジェクトをマークアップに変更する

WPF

前回の「MSBuildでコンパイルしてみた」で作成したprogram.csをマークアップに変更します。

&amp;lt;a href="http://ginka.hatenadiary.jp/entry/2015/05/24/121432" data-mce-href="http://ginka.hatenadiary.jp/entry/2015/05/24/121432"&amp;gt;MSBuildでコンパイルしてみた。 - ginka’s blog&amp;lt;/a&amp;gt;ginka.hatenadiary.jp

xamlファイル(app.xaml)を作成します。

Windowを定義する場合は、Application.MainWindowを定義します。

今回はアプリケーション定義内でWindowを定義していますが一般的には

別のxamlファイルを作成します。

program.csは必要ないので削除します。

Test.csprojを変更します。

<Compile Include='program.cs' />を<ApplicationDefinition Include='app.xaml' />に変更します。

ビルドは前回の内容と同じです。

WPFではコードを記述する代わりに宣言型でプログラミングを行えるようになっています。

2015-05-24

WPF MSBuildでコンパイルしてみた。

WPF

統合開発環境を使わないでソースファイル等を用意し、MSBuildでコンパイルしてみました。

MSBuildの場所はインストール方法によって変わりますが下記にあると思います。

C:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe

MSBuildはFramework SDKやVisual Studioなど、一緒にインストールされます。

ではソースを用意します。

まずはprogram.csを作成します。

using System.Windows;
using System;

class Program {
[STAThread]
static void Main() {
    Application app = new Application();
    Window w = new Window();
    w.Title = "Hello World";
    app.Run(w);
}
}

次にTest.csprojを用意します。