Erstellen von Navigations-Menüs in Xamarin forms-Anwendung

Haben Sie schon von AppCompat? Sehen diese für den Anfang.

So wie ich Sie verstehe, möchten Sie die Anwendung zu sehen, die auf iOS und Android, wie es erstellt wurde, mithilfe von Android Material Design.

Werden Sie brauchen eindeutig zu implementieren custom renderer für die Navigationsleiste. Das bedeutet, dass Sie haben zu schreiben, die benutzerdefinierte Implementierung der Navigationsleiste für jede Plattform, die Sie verwenden möchten. Auch, müssen Sie Bearbeiten Sie Teil von Ihrem PCL.

Zum Beispiel, können Sie diesen code verwenden, um loszuwerden, Xamarin Standard-Symbol auf der Navigationsleiste (fügen Sie diese zu Ihrem Droid Projekt):

[assembly: ExportRenderer(typeof(NavigationPage), typeof(CustomNavigationRenderer))]
namespace App.Droid
{
    public class CustomNavigationRenderer : NavigationRenderer
    {

        protected override void OnElementChanged(ElementChangedEventArgs<NavigationPage> e)
        {
            base.OnElementChanged(e);
            RemoveAppIconFromActionBar();
        }

        void RemoveAppIconFromActionBar()
        {
            var actionBar = ((Activity)Context).ActionBar;
            actionBar.SetIcon(new ColorDrawable(Color.Transparent.ToAndroid()));
        }
    }
}

Für jede UI-Objekt in der PCL-es ist eine Analogie, die in jeder Plattform. Übersetzung XF Objekte zu einheimischen ist eine Verantwortung, die von Renderern. Wenn das Objekt erstellt wird, OnElementChanged genannt wird. Von dort aus können Sie Zugriff auf native API und änderungen vornehmen, um das element, sind nicht von der PCL. Wie der Aufruf SetIcon (beachten Sie, dass dieser code könnte sein Android-spezifisch. In den meisten Fällen werden Sie wahrscheinlich benötigen, um zu kopieren und zu modifizieren renderer, um für Sie zu arbeiten, die auf anderen Plattformen).

Damit fügen Sie Schaltflächen auf der rechten Seite der Aktionsleiste, würde ich die folgenden xaml-Code:

<ContentPage.ToolbarItems>
    <ToolbarItem x:Name="btn"
             Text="Mail"
             Icon="btn_icon.png"
             Clicked="BtnClickHandler" />
</ContentPage.ToolbarItems>

Als einfach wieder mit dem code hinter, wie beim Umgang mit einem einfachen button klicken:

private void BtnClickHandler(object sender, EventArgs e)
{
    //handling
}

Können Sie mehrere von denen.

Auch, wenn Sie möchten, fügen Sie Kontext-Menü auf der Symbolleiste und wollen es sich zu Verhalten wie ein natives android, Sie sollten wahrscheinlich Lesen Sie ein wenig über animation und zeichnen/animieren, es selbst, dann Stimmen Sie mit, sagen wir, AbsoluteLayout.