スタイルとテーマリソースをコントロールに適用する：Windows Phoneアプリケーション開発チュートリアル - パート20

最後のチュートリアルでは、スタイルとテーマリソースをコントロールに適用する方法を学習しました。このチュートリアルでは、カスタムカラーブラシとスタイルをWindows Phoneアプリケーションコントロールに適用する方法について説明します。 チュートリアルシリーズのこの部分では、引き続きスタイルやリソースを使って作業し、選択したカラーリソースを適用する方法を学びます。

前回のチュートリアルで作成したのと同じプロジェクト1つのボタンでそのボタンを選択して、プロパティウィンドウに向かって進みます。 Foregroundプロパティの横にある小さな矢印キーをクリックすると、別の小さなウィンドウが開き、異なる色のタイルとタブが表示されます。その小さなウィンドウには、ヌルブラシ、ソリッドカラーブラシ、グラデーションブラシ、イメージブラシの4つの小さなタブがあります。デフォルトでは、カラー白（RGB：0,0,0およびアルファ透明度チャンネルは255に設定されています）のソリッドブラシに設定されています。スライダを垂直バーに沿って移動し、円形カーソルを移動して正確な色合いを選択することで、必要な色を選択できます。また、iDropperを使用して、使用可能なツールのいずれかの色を選択することもできます。このソリッドカラーブラシでカラーを変更する方法はたくさんあります。

グラデーションブラシでも同様です。ソリッドカラーブラシと同様のタスクを実行しますが、スポーツオプションはほとんどありません。それはあなたに一連の停止を与える。これらのストップを創造的に使用して、選択した色の異なる色合いを得ることができます。水平グラデーションや垂直グラデーションなどのオプションを使用して、色のテクスチャを変更することもできます。画像ブラシでは、画像をリソースとして選択できます。画像コントロールに画像を追加したのと同じように画像を追加することができます。

今のところ、グラデーションカラーブラシは私が行ったような停止を使用してください（画像参照）。 XAMLウィンドウが表示されたら、XAMLウィンドウにボタン用のコードがいくつか追加されていることがわかります。

ここで、ボタンに追加したグラデーションカラーをページの他のすべてのコントロールに追加すると、どうやってやるの？そのためには、フォアグラウンドのプロパティに移動し、ここでファンキーなグラデーションカラーブラシを右クリックし、「値をリソースに抽出」を選択します。小さなポップアップウィンドウ "Create Resource"が開きます。必要に応じてリソースに名前を付けることも、そのまま残すこともできます。このリソースを使用する場所に応じて、保存先を選択できます。単一のページで使用する場合は、MainPage.xamlを選択し、それ以外の場合はApp.xamlを選択して[OK]をクリックします。

デザイナーのサーフェス上で別のボタンをドラッグし、フォアグラウンドプロパティに移動します。これで、ローカルリソースという名前でカスタムリソースが見つかります。クリックすると、最初のボタンと同じ色の2番目のボタンが表示されます。コントロールに適用したいプロパティが複数ある場合はどうなりますか？私たちはスタイルを使ってそうすることができます。スタイルはプロパティのセッターのコレクションです。今、新しいスタイルを作りましょう。最初の例で行ったすべての変更を削除し、新しいボタンを新たに開始します。

このコードでは、境界線とフォアグラウンドの色を変更する2つのセッタープロパティを作成しました。その後、ボタンのコードに移動し、このコードを追加します：

Style = "{StaticResource myStyle}"。

ボタンのボーダーの色と前景の色が赤に変わります。このスタイルをアプリケーション全体に適用するには、アプリケーション間でコードをカットします。 App.xamlファイルを開き、アプリケーションリソースタグの間に貼り付けます。今すぐ戻ってボタンをチェックすると、そのボタンがまだ赤い色で表示されます。

これはWindows Phone 7.5のスタイルとリソースに関するものです。次の章では、xamlページ間の移動について学習します。