atelier:mitsuba

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

ApplicationBarの色を変更する

    <phone:PhoneApplicationPage.ApplicationBar>
		<shell:ApplicationBar Opacity="1" IsVisible="True" IsMenuEnabled="True" BackgroundColor="Red" ForegroundColor="{StaticResource PhoneAccentColor}">
            <shell:ApplicationBar.Buttons>
               <shell:ApplicationBarIconButton IconUri="/Images/appbar.add.rest.png" Text="add">
               </shell:ApplicationBarIconButton>		  

				<shell:ApplicationBarIconButton IconUri="/Images/appbar.save.rest.png" Text="save">
               </shell:ApplicationBarIconButton>
               <shell:ApplicationBarIconButton IconUri="/Images/appbar.delete.rest.png" Text="delete">
               </shell:ApplicationBarIconButton>
            </shell:ApplicationBar.Buttons>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="Menu Item 1" IsEnabled="True">
                </shell:ApplicationBarMenuItem>
                <shell:ApplicationBarMenuItem Text="Menu Item 2" IsEnabled="True">
                </shell:ApplicationBarMenuItem>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
	</phone:PhoneApplicationPage.ApplicationBar>

にある

<shell:ApplicationBar Opacity="1" IsVisible="True" IsMenuEnabled="True" BackgroundColor="Red" ForegroundColor="{StaticResource PhoneAccentColor}" >

で、ApplicationBarの色を赤にし、ボタンの丸枠をPhoneAccentColorにしています。
Expressio Blendのプロパティパネルで確認すると以下のようになります。

このとき、静的な色を定義する場合 RGBAのAlphaがデフォルト0%になっているので注意してください。


おそらく現状の開発では、テーマに左右されないアプリケーションを作成するには、地道にコントロールの色などを定義する必要があるように思えます。

定義忘れなどで、あるテーマカラーだとコントロールが視認できないことがあると、審査でリジェクトされるのでアプリ申請時には両方のテーマカラーで確認したあとに申請することをお勧めします。