ホーム > Expression Blend > 0からはじめるExpression Blend再入門

その25:BackgroundColorに合わせて画像をデザインしてみよう

0からはじめるExpression Blend再入門
蜜葉 優@Silverlight Square[著], わにちゃん@ExpressionTech.jp[編集]
2011年5月22日 from Atelier:Mitsuba

はじめに

懇親会でこんなときどうすればいい?と聞かれたのでやってみました。

BackgroundColorによって文字色が変えると、背景画像によって字が見えにくいとかあるかもしれません。

そこでBackgroundColorの反対色を設定する方法を紹介します。

操作方法

1.BackgroundColorとなるPhoneBackgroundBrushをLayoutRootに設定します。

f:id:c-mitsuba:20110522005555p:image

2.文字色をPhoneContrastBackgroundColor(反対色)に設定します。

f:id:c-mitsuba:20110522005554p:image

これで、BackgroundColorによって表示が変わりました。

左が黒背景設定、右が白背景設定です。

f:id:c-mitsuba:20110522010149p:image

3.この状態で背景画像にしたいイメージを半透明で設置します。

f:id:c-mitsuba:20110522010704p:image

すると、このようにいい感じに表示されますね!

黒背景設定

f:id:c-mitsuba:20110522010918p:image

白背景設定

f:id:c-mitsuba:20110522010917p:image

次の記事

0からはじめるExpression Blend再入門』最新記事

コメント

▲このページのトップへ