Rimuovi sottotitoli da HyperlinkButton in UWP XAML

Question

---

Ho bisogno di rimuovere la sottolineatura nel contenuto di HyperLinkButton. TextDecorations non esiste in questo elemento XAML.

<HyperlinkButton x:Name="BtnTeste" 
       Width="100" Height="50" BorderThickness="1" 
       HorizontalAlignment="Center" 
       Foreground="Black" Background="#ffffff" 
       NavigateUri="www.google.com" 
       Content="Execute" /> 

Answer 1

Questo sottolineatura non è esposto all'interno dello stile HyperlinkButton. Fortunatamente, è possibile ignorare facilmente il suo ContentTemplate per sbarazzarsi di esso.

<HyperlinkButton Content="my link"> 
    <HyperlinkButton.ContentTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding}" /> 
     </DataTemplate> 
    </HyperlinkButton.ContentTemplate> 
</HyperlinkButton> 

Answer 2

Per modificare l'aspetto del pulsante è necessario applicare un modello diverso. Il modello predefinito può essere trovato in MSDN. Per rimuovere la sottolineatura devi modificare la proprietà TextDecoration di "UnderlineTextBlock" nel modello da "Sottolineato" a "Nessuno".

<Style TargetType="HyperlinkButton"> 
    <Setter Property="Foreground" Value="#FF73A9D8" /> 
    <Setter Property="Padding" Value="2,0,2,0"/> 
    <Setter Property="Cursor" Value="Hand"/> 
    <Setter Property="HorizontalContentAlignment" Value="Left"/> 
    <Setter Property="VerticalContentAlignment" Value="Top"/> 
    <Setter Property="Background" Value="Transparent" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="HyperlinkButton"> 
       <Grid Cursor="{TemplateBinding Cursor}" Background="{TemplateBinding Background}"> 
        <vsm:VisualStateManager.VisualStateGroups> 
         <vsm:VisualStateGroup x:Name="CommonStates"> 
          <vsm:VisualState x:Name="Normal"/> 
          <vsm:VisualState x:Name="MouseOver"> 
           <Storyboard> 
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="UnderlineTextBlock" Storyboard.TargetProperty="Visibility" Duration="0"> 
             <DiscreteObjectKeyFrame KeyTime="0"> 
              <DiscreteObjectKeyFrame.Value> 
               <Visibility>Visible</Visibility> 
              </DiscreteObjectKeyFrame.Value> 
             </DiscreteObjectKeyFrame> 
            </ObjectAnimationUsingKeyFrames> 
           </Storyboard> 
          </vsm:VisualState> 
          <vsm:VisualState x:Name="Pressed"> 
           <Storyboard> 
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="UnderlineTextBlock" Storyboard.TargetProperty="Visibility" Duration="0"> 
             <DiscreteObjectKeyFrame KeyTime="0"> 
              <DiscreteObjectKeyFrame.Value> 
               <Visibility>Visible</Visibility> 
              </DiscreteObjectKeyFrame.Value> 
             </DiscreteObjectKeyFrame> 
            </ObjectAnimationUsingKeyFrames> 
           </Storyboard> 
          </vsm:VisualState> 
          <vsm:VisualState x:Name="Disabled"> 
           <Storyboard> 
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="Visibility" Duration="0"> 
             <DiscreteObjectKeyFrame KeyTime="0"> 
              <DiscreteObjectKeyFrame.Value> 
               <Visibility>Visible</Visibility> 
              </DiscreteObjectKeyFrame.Value> 
             </DiscreteObjectKeyFrame> 
            </ObjectAnimationUsingKeyFrames> 
           </Storyboard> 
          </vsm:VisualState> 
         </vsm:VisualStateGroup> 
         <vsm:VisualStateGroup x:Name="FocusStates"> 
          <vsm:VisualState x:Name="Focused"> 
           <Storyboard> 
            <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/> 
           </Storyboard> 
          </vsm:VisualState> 
          <vsm:VisualState x:Name="Unfocused"/> 
         </vsm:VisualStateGroup> 
        </vsm:VisualStateManager.VisualStateGroups> 
        <TextBlock 
         x:Name="UnderlineTextBlock" 
         Text="{TemplateBinding Content}" 
         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
         VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
         Margin="{TemplateBinding Padding}" 
         TextDecorations="Underline" 
         Visibility="Collapsed"/> 
        <TextBlock Canvas.ZIndex="1" 
         x:Name="DisabledOverlay" 
         Text="{TemplateBinding Content}" 
         Foreground="#FFAAAAAA" 
         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
         VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
         Margin="{TemplateBinding Padding}" 
         Visibility="Collapsed"/> 
        <ContentPresenter 
         x:Name="contentPresenter" 
         Content="{TemplateBinding Content}" 
         ContentTemplate="{TemplateBinding ContentTemplate}" 
         VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
         Margin="{TemplateBinding Padding}"/> 
        <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" /> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 

È possibile applicare il modello dichiarandolo come una risorsa della pagina e riferimento dal vostro tasto.

Dichiarare un nuovo stile:

<Page.Resources> 
    <Style x:Key="NoUnderlineHyperlinkButtonStyle" TargetType="HyperlinkButton"> 
     <!--template from above here--> 
    </Style> 
</Page.Resources> 

Riferimento a esso:

<HyperlinkButton Style="{StaticResource NoUnderlineHyperlinkButtonStyle}">No Underline!</HyperlinkButton> 

Answer 3

Basta fare in questo modo:

<HyperlinkButton> 
    <TextBlock Text="Blahblah" /> 
</HyperlinkButton>