ToggleMenuFlyoutItem Checkedに基づいてテキストが変更されますか？

Question

私は

ToggleMenuFlyoutItemテキスト=「免除売上税」、私はテキストを変更したいときオフ

を=「btnTaxExempt_Click」をクリックして、代わりにチェックマーク上とチェックマークなしのを追加しました「Tax Exempt On」または「Tax Exempt Off」を読む。これはどうすればいいですか？

Answer 1

CheckGlyph FontIconをCollapsedに隠すようにToggleMenuFlyoutItem styles and templatesを更新し、必要に応じてテキストコードを更新することができます。

<Style x:Key="ToggleMenuFlyoutItemStyle1" TargetType="ToggleMenuFlyoutItem"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ToggleMenuFlyoutItem"> 
        <Grid x:Name="LayoutRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}"> 
         <VisualStateManager.VisualStateGroups> 
         ... 
         </VisualStateManager.VisualStateGroups> 
         <Grid x:Name="AnimationRoot"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto"/> 
           <ColumnDefinition Width="*"/> 
          </Grid.ColumnDefinitions> 
          <FontIcon x:Name="CheckGlyph" Visibility="Collapsed" Foreground="{ThemeResource ToggleMenuFlyoutItemCheckGlyphForeground}" FontSize="16" FontFamily="{ThemeResource SymbolThemeFontFamily}" Glyph="&#xE001;" Margin="0,0,12,0" Opacity="0" Width="16"/> 
          <TextBlock x:Name="TextBlock" Grid.Column="1" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Text="{TemplateBinding Text}" TextTrimming="Clip" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
         </Grid> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

<ToggleMenuFlyoutItem Text="Sales Tax Exempt" Click="btnTaxExempt_Click" Style="{StaticResource ToggleMenuFlyoutItemStyle1}" ></ToggleMenuFlyoutItem> 

コードの後ろ

XAML：たとえば、あなたがMenuFlyoutを使用していない場合

private void btnTaxExempt_Click(object sender, RoutedEventArgs e) 
{ 
    ToggleMenuFlyoutItem current = sender as ToggleMenuFlyoutItem; 
    if(current.IsChecked) 
    { 
     current.Text = "Tax Exempt On"; 
    } 
    else if(!current.IsChecked) 
    { 
     current.Text = "Tax Exempt Off"; 
    } 
} 

ToggleMenuFlyoutItemは、MenuFlyout内部で使用する必要があり、あなたの代わりにToggleSwitchを使用することを検討することができます。 ToggleSwitchは簡単に設定できますOnContentとOffContentです。