c# - Xamarin Shell 导航浮出控件选定标签颜色未更改

Question

• 这是我在 shell.xaml 中的代码 为弹出项选择的框架颜色对我有用，它的绿色显示良好，但对于选定的标签，它与正常的弹出标签颜色相同，我不知道我在这里缺少什么

• 这是用于弹出项目框架

  <Style x:Key="FloutItemStyle" TargetType="Frame">
  <Setter Property="VisualStateManager.VisualStateGroups">
  <VisualStateGroupList>
  <VisualStateGroup x:Name="CommonStates">
  <VisualState x:Name="Normal" />
  <VisualState x:Name="Selected">
  <VisualState.Setters>
  <Setter Property="BackgroundColor" Value="#384a1a"/>                                    
  </VisualState.Setters>
  </VisualState>
  </VisualStateGroup>
  </VisualStateGroupList>
  </Setter>
  </Style>
  

• 这是标签样式

  <Style x:Key="FloutItemStyles" TargetType="Label">
  <Setter Property="VisualStateManager.VisualStateGroups">
  <VisualStateGroupList>
  <VisualStateGroup x:Name="CommonStates">
  <VisualState x:Name="Normal">
  <VisualState.Setters>                                    
  <Setter Property="TextColor" Value="#6b6b6b"/>
  </VisualState.Setters>
  </VisualState>
  <VisualState x:Name="Selected">
  <VisualState.Setters>                                    
  <Setter Property="TextColor" Value="#fff"/>
  </VisualState.Setters>
  </VisualState>
  </VisualStateGroup>
  </VisualStateGroupList>
  </Setter>
  </Style>
  

• 这是我的模板

  <Shell.FlyoutHeaderTemplate>
  <DataTemplate>
  <Grid HeightRequest="110">
  <Grid.RowDefinitions>
  <RowDefinition Height="2*"/>
  </Grid.RowDefinitions>
  <FlexLayout x:Name="imageHolder" AlignItems="Center" JustifyContent="Center" Padding="20,10" BackgroundColor="#fff">
  <Image Source="logo.png" />
  <Label TextColor="#6b6b6b" x:Name="UserName"></Label>
  </FlexLayout>
  </Grid>
  </DataTemplate>
  </Shell.FlyoutHeaderTemplate>
  <Shell.ItemTemplate >
  <DataTemplate  >
  <Frame Style="{StaticResource FloutItemStyle}"  Padding="25,5">                
  <FlexLayout Margin="0,5" AlignItems="Center" JustifyContent="Start">
  <Frame Padding="5" HeightRequest="30"  WidthRequest="30" CornerRadius="100"> <Image Source="{Binding FlyoutIcon}"
  Margin="5"
  WidthRequest="30"
  HeightRequest="30" />
  </Frame>
  <Label  Style="{StaticResource FloutItemStyles}"  Padding="25,0,0,0" 
  Text="{Binding Title}"
  FontAttributes="Bold"
  FontSize="18"
  VerticalTextAlignment="Center" />
  </FlexLayout>       
  </Frame>
  </DataTemplate>
  </Shell.ItemTemplate>
  

标签： c#xamarinxamarin.formsflyoutxamarin-shell

Answer 1

我认为这与框架内的标签有关，这导致标签状态不会改变

如果您想在选择时触发多项更改，您可以查看有关弹出样式的 Microsoft 文档以及其他示例

这样，当浮出项目被选中时，它会触发您想要的所有更改，通过名称引用元素