Czy jest jakiś sposób, aby utworzyć statyczny nagłówek, który jest ustalony na górze ekranu podczas korzystania z dolnej nawigacji na podstawie stron z zakładkami? Podczas nawigacji, strony przesuwają się w lewo / w prawo, z nim bieżący nagłówek. Nagłówek jest tworzony przez szablon z poniższym kodem:

<ResourceDictionary>
        <ControlTemplate x:Key="Template">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="0.1*" />
                </Grid.RowDefinitions>
                <BoxView Color="Black" />
                <Label 
                    Text="xyz"
                    TextColor="White"
                    FontSize="15"
                    FontFamily="Helvetet"
                    VerticalOptions="Center"
                    HorizontalOptions="Start"/>
                <ContentPresenter Grid.Row="1" VerticalOptions="Center"/>
            </Grid>
        </ControlTemplate>
    </ResourceDictionary>

Jakie zmiany powinny być wykonane, aby nagłówek utknął na górze, pomimo stron przesuwanych w lewo / w prawo?

Oto przykład tego, jak obecnie wygląda Wprowadź opis obrazu tutaj

0
MA A 21 listopad 2020, 21:18

1 odpowiedź

Najlepsza odpowiedź

Możesz ustawić zasadę jako nawigacja , a następnie ustaw jego RootPage jako tababfedpage . Następnie otrzymasz statyczny nagłówek, nawet przełączaj element zakładki.

Na przykład app.xaml.cs to:

public App()
{
    InitializeComponent();
   
    MainPage = new NavigationPage(new CustomTabbedPage());
}

I Xaml customTabderpage to:

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage  xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:AppForms19"
             xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
             android:TabbedPage.ToolbarPlacement="Bottom"
             Title="Main Title"
             x:Class="AppForms19.Views.CustomTabbedPage">
    <local:MainPage Title="One" IconImageSource="icon.png"/>
    <local:SecondPage Title="Two" IconImageSource="icon.png" />
</TabbedPage>

Efekt:

enter image description here

1
Junior Jiang - MSFT 23 listopad 2020, 06:20