Xamarin.Forms:ContentPage中不可见的ToolbarItems

时间:2018-03-12 06:03:45

标签: xaml xamarin.forms toolbaritems

我正在为我的项目使用Xamarin.Forms&我需要在页面顶部放置工具栏。 我试图将它与底部的Tabbed页面一起使用。 我的代码是

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:edTheSIS"
             x:Class="edTheSIS.ParentDashboard">
    <ContentPage.ToolbarItems>
        <ToolbarItem Name="MenuItem1" Order="Primary" Text="Item 1" Priority="0" />
        <ToolbarItem Name="MenuItem2" Order="Primary" Text="Item 2" Priority="1" />
    </ContentPage.ToolbarItems>
    <AbsoluteLayout>
        <StackLayout BackgroundColor="Teal" AbsoluteLayout.LayoutBounds="0, 5, 0, 0" AbsoluteLayout.LayoutFlags="All">
            <StackLayout Margin="0,200,0,0" HorizontalOptions="Center">
                <Label Text="Xamarin.Forms" HorizontalTextAlignment="Center" TextColor="White"></Label>
                <Label Text="Bottom NavigationBar" HorizontalTextAlignment="Center" TextColor="White"></Label>
            </StackLayout>
        </StackLayout>
        <StackLayout AbsoluteLayout.LayoutBounds=".20,1,1,.1" AbsoluteLayout.LayoutFlags="All" BackgroundColor="White" HorizontalOptions="FillAndExpand" Orientation="Horizontal">
            <StackLayout Style="{StaticResource ButtonNavigationBarStackLayoutStyle}" x:Name="stckHome">
                <Image Margin="0,10,0,10" x:Name="imgHome" Style="{StaticResource ButtonNavigationBarImageStyle}" />
                <Label Text="Dairy" Style="{StaticResource ButtonNavigationBarLabelStyle}"></Label>
            </StackLayout>
            <StackLayout Style="{StaticResource ButtonNavigationBarStackLayoutStyle}" x:Name="stckAlarm">
                <Image Margin="0,10,0,10" x:Name="imgAlarm" Style="{StaticResource ButtonNavigationBarImageStyle}" />
                <Label Text="Alarm" Style="{StaticResource ButtonNavigationBarLabelStyle}"></Label>
            </StackLayout>
        </StackLayout>
    </AbsoluteLayout>
</ContentPage>  

执行代码后,只显示选项卡,而不是ToolbarItems。

1 个答案:

答案 0 :(得分:1)

将您的网页包裹在NavigationPage

我猜你现在正在MainPage设置App.xaml.cs,如:MainPage = new ParentDashboard();

将此设置为:MainPage = new NavigationPage(new ParentDashboard());