プロ生ちゃん CheckBox のつくり方

#win8dev_jp #wpdev_jp

何度もやっているネタですが。

XAMLで絵を作るとそのままコントロールを作るなどの応用がしやすいです。ということで、プロ生ちゃんを元にチェックボックスを作ってみます。

勿論コードは一切書きません

作り方

ViewBox を選びます。

image

Layer3_Face_Smile の Visibility を Visible に、Layer3_Face_Wink の Visibility をCollapsedに設定します。

image

右クリックして、コントロールの作成を選び、CheckBox を選びます。

image

状態タブを選び、この状態で、Checked を選択します。

Layer3_Face_Smile の Visibility を Collapsedに、Layer3_Face_Wink の Visibility を Visible に設定します。

image

うえの [CheckBox] を選択して設定を終了します。

image

Blend や Visual Studio 上でもチェックボックスとしての機能を確認できます。IsChecked プロパティをON/OFFしてみるとわかります。

Offの時。

image

Onの時

image

実行してもチェックボックスなので、クリックでON/OFFを切り替えることができます。

image image

 

キャプチャ画像だけだとわかりにくい。