こんにちは。エクセルソフトの田淵です。

@kurosawa0626 さんが書いていますが、 Xamarin.FormsのNavigationBarの色を変える | ぅゎょぅι゛ょっょぃ

もう少し詳しくご紹介します。

2015/6/26 追記：
Xamarin.iOS ネイティブでの設定方法はこちら
Xamarin.Android ネイティブでの設定方法はこちらとこちら
をご参照ください。

NavigationBar の色を変更するには

Application クラスで例えば以下のように設定します。

var nav = new NavigationPage(new CSListViewPage());
nav.BarBackgroundColor = Color.FromHex("3498DB");
nav.BarTextColor = Color.White;
MainPage = nav;

これだと iOS のステータスバーの文字色が黒いままです。

iOS のステータスバーの文字色を変更するには

info.plist に設定を追加します。

Mac の Xamarin Studio の場合は UI で設定できます。

info.plist を開きソースタブに移動して、新しい値を追加し View controller-based status bar appearance の bool 値を No にします。

f:id:ytabuchi:20150624132117p:plain:w450

アプリケーションタブで Status Bar Styles を変更します。

f:id:ytabuchi:20150624132131p:plain:w450

Windows の Visual Studio は GUI で編集できる info.plist の情報が限られているので、「ファイルを開く」を開き、

<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</string>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

を <dict></dict> の最後に追加します。

こんな感じになります。

f:id:ytabuchi:20150624134825p:plain:w150

Android のステータスバー (名前分からん) を編集するには

Material Design の色設定をします。nav.BarBackgroundColor を指定すると、Android プロジェクトで values/values-v21 の colors.xml/styles.xml を指定していても上書きされますので、values-v21 の styles.xml の android:colorPrimary と Application クラスの nav.BarBackgroundColor を同じ色にして android:colorPrimaryDark を適切な色に指定すれば OK です。

普通に Lollipop 以上を Material Design にする方法と AppCompat を使用して古いバージョンも Material Design にする方法は以下にエントリーを上げていますので、ご参照ください。

こんな感じになります。

5.x
f:id:ytabuchi:20150624134700p:plain:w150