読者です 読者をやめる 読者になる 読者になる

cafe. Blend

Expression Blend 勉強会

その25:BackgroundColorに合わせて画面をデザインする

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

BackgroundColorによって文字色が変えると、背景画像によって字が見えにくいとかあるかもしれません。
そこでBackgroundColorの反対色を設定する方法を紹介します。
1.BackgroundColorとなるPhoneBackgroundBrushをLayoutRootに設定します。

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

これで、BackgroundColorによって表示が変わりました。
左が黒背景設定、右が白背景設定です。

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

すると、このようにいい感じに表示されますね!
黒背景設定

白背景設定