Wie Header entwerfen mit 3 Tasten in xamarin.forms

Question

I-Header wie whatsapp Chat-Seite zu entwerfen versuche, wo auf der rechten Seite wir 3 Tasten suchen haben, rufen Sie und carousal ..

Same möchte ich in Design contentPage mit xamarin.forms.

Ich bin in der Lage carousal hinzufügen, indem ToolbarItems verwenden, aber wie kann ich hinzufügen, andere mit zwei Tasten (Suche und Aufruf)

enter image description here

Answer 1

Sie können die Elemente der Symbolleiste verwenden, um dies zu erreichen. Fügen Sie einfach zusätzliche Elemente hinzu.

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="ToolbarItems.Views.MainView"> 
<ContentPage.ToolbarItems> 
    <ToolbarItem Name="Menu1" Activated="OnClick" Order="Primary" Priority="0" /> 
    <ToolbarItem Name="Menu2" Activated="OnClick" Order="Primary" Priority="1" /> 
</ContentPage.ToolbarItems>  
</ContentPage> 

Wenn Sie die Order des Elements gesetzt Ihren Artikel Secondary zu einem Menü wie das auf der rechten Seite hinzugefügt wird (die 3 Punkte). Um dies zu erreichen, Ihren Blick würden Sie so etwas wie dies erstellen:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      x:Class="ToolbarItems.Views.MainView"> 
    <ContentPage.ToolbarItems> 
     <ToolbarItem Name="Search" Order="Primary" Priority="0" /> 
     <ToolbarItem Name="Call" Order="Primary" Priority="1" /> 
     <ToolbarItem Name="Additional1" Order="Secondary" Priority="0" /> 
     <ToolbarItem Name="Additional2" Order="Secondary" Priority="1" /> 
    </ContentPage.ToolbarItems>  
</ContentPage> 

Das ist etwas ziemlich nah schaffen, was Sie wollen auf Android. Auf iOS sieht das jedoch etwas anders aus. Wenn Sie ein ähnliches Aussehen erzielen möchten, müssen Sie auf benutzerdefinierte Renderer zurückgreifen.