Início / coding / Perguntas / 77181083
Accepted
Bob
Asked: 2023-09-26 22:47:08 +0800 CST

Maui StringFormat no rótulo, é possível alterar FontAttribute inline?

  • 772

Pergunta realmente básica, mas não consigo encontrar a resposta:

É possível alterar o atributo font de uma string em um rótulo que foi formatado?

Especificamente, eu tenho isso Label:

<Label Style="{StaticResource MediumLabel}"
       Text="{Binding TimeStart, StringFormat='Time start: {0:F0}'}" />

Acaba ficando assim:

Início da hora: 13:32:46

Quando eu gostaria que ficasse assim:

Início da hora : 13:32:46

Ou isto:

Início da hora: 13:32:46

Isso é possível fazer?

c#

1 respostas

  1. Best Answer

    Se você estiver curioso, tenho uma versão funcional do divisor de strings. Supondo que seu ViewModel esteja definido string Messagecomo "Time Start: *13:32:46*", veja como você pode explodir isso em texto formatado com Regex:

    public class FormattedText
{
    public string Text { get; set; }
    public Color TextColor { get; set; } = Colors.Black;
    public FontAttributes FontAttributes { get; set; } = FontAttributes.None;
}

    Então, você pode definir um getter para IList<FormattedText> FormattedMessageusar o seguinte:

    public IList<FormattedText> GetFormattedMessage(string message)
{
    List<FormattedText> Result = new List<FormattedText>();
    string pat = @"\*([^\*]*)\*|([^*]+)";
    Match match = Regex.Match(message, pat);
    while (match.Success)
    {
        if (match.Groups[1].Success)
        {
            Result.Add(new FormattedText() { Text = match.Groups[1].Value, FontAttributes = FontAttributes.Italic});
        }
        if (match.Groups[2].Success)
        {
            Result.Add(new FormattedText() { Text = match.Groups[2].Value, FontAttributes = FontAttributes.None });
        }
        match = match.NextMatch();
    }
    return Result;
}

    Em seguida, você pode renderizar FormattedMessageem FlexLayoutXAML:

    <FlexLayout HorizontalOptions="Fill"
            BindableLayout.ItemsSource="{Binding FormattedMessage}">
    <BindableLayout.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding Text}"
                   TextColor="{Binding TextColor}"
                   FontAttributes="{Binding FontAttributes}"
                   Padding="5"/>
        </DataTemplate>
    </BindableLayout.ItemTemplate>
</FlexLayout>
    • 1

relate perguntas