Xamarin.Forms - iOSとAndroidでナビゲーション/システムバーを透明にする方法

Question

iOSとAndroid用のXamarin.Formsにアプリを構築しています。私たちのデザインでは、トップナビゲーション、システムバー、Androidシステムのナビゲーションが必要ですスクリーンの下部にあるバーを透明にします。以下は、あなたにアイデアを与えるための1つの画面のモックアップです。 私たちは背景画像を画面全体に表示させたいと考えています。

私は私が間違っているなら、私を修正し、UIの実装のこの種はかなりプラットフォームに固有であるようだ、と私は方法を見つけるのに苦労してるかなり新しい開発者です私は私のクロスプラットフォームのプロジェクトでそれを作成するために行く必要があります。

私は最後の数日間、それを理解するために多くの研究を行ってきましたが、Xamarinの経験が限られている開発者として、これについてどうやってどうやって解決するのか、 。 どのようにこれらの要件を満たすXamarin.FormsでUIを作成しますか？

私は使用しているページのカスタムレンダラーを作成する必要がありますか？このUIは、Xamarin.Formsでは実用的ではありません。

ここで提供できる洞察は非常に高く評価されます。あなたの時間を事前に感謝します。

Answer 1

感謝します。それは正しい軌道に乗せてくれました。追加の研究をすると、問題を解決した解決策を見つけることができました。

メインナビゲーションページにナビゲーションバーを取り除くために：HomeScreen.xaml.csで

私はクラスのコンストラクタに次の行を追加：

NavigationPage.SetHasNavigationBar(this, false); 

をナビゲーションバーを透明にするには：

このコードを使用してメインページを作成します。App.xaml.cs

MainPage = new NavigationPage(new HomeScreen()) 
{ 
    BarBackgroundColor = Color.Transparent 
}; 

のAndroidのステータスバーを透明にするには、次の中MainActivity.csでOnCreateで

。ドロイドプロジェクトは、私はそれが動作するように取得する方法を見つけ出すときに私はiOSのコードを追加します右LoadApplication(new App());

Window.AddFlags(WindowManagerFlags.TranslucentNavigation); 
Window.SetBackgroundDrawableResource(Resource.Drawable.MyBackgroundPNG); 
SetStatusBarColor(Android.Graphics.Color.Transparent); 

前に、これらの行を追加しました。 :)

Answer 2

@apinedaはコメントの中で述べたのと似ていますが、NavigationPageのページを使用する必要はありません。代わりに、その特定のページでナビゲーションバーを非表示にすることができます。

NavigationPage.SetHasNavigationBar(this, false); 

ステータスバーを非表示にする必要がある場合は、プラットフォーム固有のコードで行う必要があります。 アンドロイド：彼の答えのための@SuavePirateへ

var activity = (Activity)Forms.Context; 
activity.Window.AddFlags(Android.Views.WindowManagerFlags.Fullscreen); 

のiOS

UIApplication.SharedApplication.StatusBarHidden = true;