【課題8-04】データバインディング練習4

_に示すような，スライダーを二つ備え， それら入力値が各々ボタンの幅と高さに自動的に連動するアプリを作成せよ．

レイアウトは_のよう3行1列のレイアウトにすること．

このGUIアプリは_に示す部品を備える．

名前	種別	機能	初期値/文言	備考
slider1	スライダー	数値の選択	(備考を参照)	数値を入力するためのスライダーその1． 【入力値の設定】 ・最小値：10 ・最大値：300 ・初期選択値：100 選択値を変更すると連動して，button1の横幅も変更される．必ずデータバインディングを用いて実現すること．いかなる種類のイベントハンドラも使用してはならない ． 【プロパティの指定】 ・VerticalAlignmentプロパティにCenterを指定すること． ・Marginプロパティに3 3 3 3を指定すること．
slider2	スライダー	数値の選択	(備考を参照)	数値を入力するためのスライダーその2． 【入力値の設定】 ・最小値：10 ・最大値：150 ・初期選択値：20 選択値を変更すると連動して，button1の高さも変更される．必ずデータバインディングを用いて実現すること．いかなる種類のイベントハンドラも使用してはならない ． 【プロパティの指定】 ・VerticalAlignmentプロパティにCenterを指定すること． ・Marginプロパティに3 3 3 3を指定すること．
button1	ボタン	メッセージボックス表示ボタン	ボタン	メッセージボックス表示ボタン. クリックすると以下の設定でメッセージボックスを表示する． ・メッセージ→「幅: ボタンの幅, 高さ: ボタンの高さ」 ・タイトル→メッセージ ・ボタン構成→OKボタンのみ ・アイコン→ ボタンの幅は押した時点でのボタンの幅(Widthプロパティの値)，ボタンの高さは押した時点でのボタンの高さ(Heightプロパティの値)である小数点第2位までを表示する ( 【課題2-04】のヒントも参照せよ )． 【プロパティの指定】 ・VerticalAlignmentプロパティにCenterを指定すること． ・HorizontalAlignmentプロパティにCenterを指定すること．
(名前なし)	ウィンドウ	(メインウィンドウ)	データバインディング練習4	プロジェクト作成時に自動作成されるメインウィンドウ． 【プロパティの指定】 ・サイズは幅400×高さ300とする． ・背景色はデフォルトの白以外に設定する． ・左記の「初期値/文言」の列のとおり文言，つまりタイトルを指定する．

正しく実装できた場合，実行結果は_に示すような挙動となる¹，²．

ヒント

なし