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

atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

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

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

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

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

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

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

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

白背景設定