.NET?MAUI項(xiàng)目中怎么創(chuàng)建超鏈接

本篇內(nèi)容介紹了“.NET MAUI項(xiàng)目中怎么創(chuàng)建超鏈接”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

.NET MAUI Preview 13預(yù)覽版中，.NET MAUI 支持帶標(biāo)簽控件的格式化文本。

標(biāo)簽中的格式化文本

標(biāo)簽是顯示帶或不帶文本環(huán)繞的文本的視圖。使用格式化文本功能（現(xiàn)在位于單個(gè)標(biāo)簽中），您可以使用不同的 span 元素為每個(gè)設(shè)置選擇多個(gè)選項(xiàng)。
例如，您可以對(duì)單個(gè)標(biāo)簽中的單詞應(yīng)用單獨(dú)的顏色。這將使標(biāo)簽更具裝飾性。
Span 元素支持以下選項(xiàng)：

• CharacterSpacing

• FontAttributes

• FontFamily

• FontSize

• TextColor

• TextTransform.Lowercase

• TextTransform.Uppercase

• TextDecorations.Underline

• TextDecorations.Strikethrough

<Label Margin="10" LineHeight="2">
 <Label.FormattedText>
  <FormattedString>
   <Span Text=".NET MAUI Label with Text Formatting in Preview 13 " FontSize="20" />
   <Span Text="Character Spacing - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" CharacterSpacing="12" />
   <Span Text="Font Attributes - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" FontAttributes="Bold"/>
   <Span Text="Font Size - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="18"/>
   <Span Text="Font Family - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" FontFamily="Matura MT Script Capitals" />
   <Span Text="Text Color - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" TextColor="Red"/>
   <Span Text="Lowercase - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" TextTransform="Lowercase"/>
   <Span Text="Uppercase - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" TextTransform="Uppercase" />
   <Span Text="Strikethrough - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" TextDecorations="Strikethrough"/>
   <Span Text="Underline - " FontSize="14" TextColor="Black"/>
   <Span Text=" Hello World! " FontSize="14" TextDecorations="Underline" />
  </FormattedString>
 </Label.FormattedText>
</Label>

使用標(biāo)簽的格式化文本功能創(chuàng)建超鏈接 UI

我將使用兩個(gè)選項(xiàng)，TextColor和TextDecorations.Undercomings.Undercoming，創(chuàng)建一個(gè)具有超鏈接UI的標(biāo)簽。

創(chuàng)建可重用超鏈接類

創(chuàng)建了一個(gè)名為 HyperlinkUI 的類，該類派生自 span，并在其中添加了一個(gè)名為 LinkUrl 的可綁定屬性。
由于 span 繼承了 GestureElement，因此您可以添加 Gesture 識(shí)別器以使用 LinkUrl 屬性進(jìn)行導(dǎo)航。
請(qǐng)參閱下面的代碼示例。

public class HyperlinkUI : Span
{
  public static readonly BindableProperty LinkUrlProperty =
   BindableProperty.Create(nameof(LinkUrl), typeof(string), typeof(HyperlinkUI), null);
  
  public string LinkUrl
  {
    get
    {
      return (string)GetValue(LinkUrlProperty);
    }
    set
    {
      SetValue(LinkUrlProperty, value);
    }
  }

   public HyperlinkUI()
   {
      ApplyHyperlinkAppearance();
   }

   void ApplyHyperlinkAppearance()
   {
      this.TextColor = Color.FromArgb("#0000EE");
      this.TextDecorations = TextDecorations.Underline;
   }

   void CreateNavgigationCommand()
   {
      // 由于 Span 繼承了 GestureElement，因此您可以添加 Gesture Recognizer 以使用 LinkUrl 進(jìn)行導(dǎo)航
   }
}

現(xiàn)在，您可以將此超鏈接UI用作標(biāo)簽中的跨度元素。我們可以將整個(gè)文本或部分文本顯示為超鏈接文本。請(qǐng)參閱下面的代碼示例。

<Label Margin="10" LineHeight="2" InputTransparent="False" TextColor="Black">
 <Label.FormattedText>
  <FormattedString>
   <Span Text="Click "/>
   <local:HyperlinkUI Text="here" LinkUrl="https://docs.microsoft.com/xamarin/"/>
   <Span Text=" to learn more about Syncfusion .NET MAUI Controls."/>
  </FormattedString>
 </Label.FormattedText>
</Label>

“.NET MAUI項(xiàng)目中怎么創(chuàng)建超鏈接”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！