如何使用xamarin.forms中的3个按钮设计标题

时间:2017-06-01 10:33:11

标签: xamarin.forms

我正在尝试设计标题,如whatsapp聊天页面,在右侧我们有3个按钮搜索,调用和carousal ..

相同我想使用xamarin.forms在contentPage中设计。

我可以使用ToolbarItems添加carousal但是如何添加其他两个按钮(搜索和调用)

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用工具栏项来实现此目的。只需添加其他项目。

<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>

如果您将项目的Order设置为Secondary,则您的项目会添加到右侧菜单(3个点)中。为了实现你的外观你会创建这样的东西:

<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>

这将创建一些非常接近Android的东西。然而,在iOS上,这看起来有点不同。如果你想获得类似的外观,你将不得不求助于自定义渲染器。