Windows Phone用のExpression Blendでは、異なる状態のボタンの画像ソースを変更します。

Question

Windows Phone用のExpression Blendでは、さまざまな状態のボタンのイメージソースを変更する方法を教えてください。さまざまな画像を通常の状態と押した状態で表示したい。

Answer 1

正確に何を達成しようとしているかによって、いくつかのオプションが思い浮かびます。

あなたは、トグルのように動作させたいボタンがあるとしたら、それを一度押すと、テープレコーダー上の再生ボタンのように、もう一度押すまで押されたままです。

あなたが探しているのであれば、あなたのボタンが現在押されているかどうかを示すプロパティをIsPlayingなどのコードビハインドファイルに作成します。

trueとfalseの値を異なる画像に変換するValueConverterを作成できます。 ValueConverterの作成にはwrite-upがあります。この記事ではboolをVisibilityに変換する方法について説明しますが、その概念は同じです。

BooleanToImageコンバータでは、どの画像を表示するかを決める必要があります。具体的には、Bitmapとしてください。次に、.xamlでIsPlayingプロパティにバインドし、コンバータをBooleanToImageに設定します。このアプローチは、多くのシナリオで非常にうまく動作します。どの画像が再生されているかを考える必要がないので、すっきりとしています。あなたのアプリがIsPlayingかどうかを考えることができます。

もう1つのシナリオは、アニメーションのようにボタンを押したときに画像を短時間表示してから、前の状態に戻すことです。その場合、VisualStateManagerを使用することをお勧めします。NormalやClickedなど、さまざまな状態でボタンのさまざまな外観を定義できます。状態間の遷移にアニメーションを適用できます。 VisualStateManagerを使用していることを示すwalk-throughがあります。