Xamarin.Forms:有可能在代码隐藏中更新Shell.TitleView吗

Question

我开发了一个包含4个选项卡的Xamarin.Forms.Shell应用程序。

在主选项卡上，我有：

• 包含公司徽标的TitleView
• s包含Image作为标头的ScrollView
• 包含主要内容的ScrollView，可以覆盖标头以使其完全可见

XAML如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="AvilaShellAppSample.Views.HomePage"
Shell.NavBarHasShadow="False"
Shell.NavBarIsVisible="True"
x:Name="homePage">
<!-- TitleView -->
<Shell.TitleView >
<Grid>
<ffimageloadingsvg:SvgCachedImage Source="resource://ShellAppSample.Resources.blackLogoTitle.svg"
DownsampleHeight="6"
HeightRequest="45"/>
</Grid>
</Shell.TitleView>
<ContentPage.BindingContext>
<vm:HomeViewModel />
</ContentPage.BindingContext>
<ContentPage.Content>
<Grid RowSpacing="0"
BackgroundColor="{StaticResource Gray-050}"
Margin="0,0,0,0">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid Grid.Row="1">
<!--  Header ScrollView : Image  -->
<ScrollView>
<ContentView x:Name="headerView"
HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<!--  Header Image  -->
<ffimageloading:CachedImage x:Name="headerImage"
Grid.Row="0"
Aspect="AspectFill"
BackgroundColor="{DynamicResource Gray-200}"
DownsampleToViewSize="true"
HeightRequest="280"
HorizontalOptions="FillAndExpand"
VerticalOptions="Start"
Source="resource://ShellAppSample.Resources.indoor.jpg">
</ffimageloading:CachedImage>
</Grid>
</ContentView>
</ScrollView>
<!--  Content ScrollView  -->
<ScrollView>
<ctrl:ParallaxScrollView HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand"
ParallaxHeaderView="{x:Reference headerView}"
LogoHeaderView="{x:Reference logoHeaderView}"
HiddenView="{x:Reference hiddenView}"
MainPage="{Binding homePage}">
<Grid ColumnSpacing="0"
RowSpacing="0"
VerticalOptions="FillAndExpand">
<Grid.RowDefinitions>
<RowDefinition Height="220" /> 
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<!-- Content -->
</Grid>
</ctrl:ParallaxScrollView>
</ScrollView>
</Grid>
</Grid>
</ContentPage.Content>
</ContentPage>

默认情况下，我希望在NavigationBar/StatusBar上显示标头Image：因此NavigationBar将被隐藏，而StatusBar背景将是Image标题。然后，我希望仅当内容覆盖标头的一半时才显示默认NavigationBar/StatusBar：因此NavigationBar将可见，而StatusBar背景将是默认背景。

但我没有找到任何方法来访问Shell.NavBarIsVisible属性或代码隐藏中的Shell.TitleView。

所以我想知道这是可能的吗？

Answer 1

您需要使用公开的方法来设置属性SetNavBarIsVisible((和SetTitleView((

取消导航栏中页面的标签代码隐藏：

Shell.SetNavBarIsVisible(this, false);

为其中的页面设置自定义TitleView代码隐藏：

Label r = new Label();
r.Text = "Hello World";
Shell.SetTitleView(this, (View)r);