xaml - microsoft - uwp vs wpf

Número máximo de líneas para un Wrap TextBlock

Question

Tengo un TextBlock con la siguiente configuración:

TextWrapping="Wrap"

¿Puedo determinar la cantidad máxima de líneas?

por ejemplo, considere la siguiente cadena TextBlock.Text :

This is a very good horse under the blackboard!!

Actualmente ha habido shows como este:

This is a very 
good horse under 
the blackboard!!

Necesito que se convierta en algo así como:

This is a very 
good horse ...

¿alguna solución?

Answer 1

Basado en la respuesta de @ artistandsocial, creé una propiedad adjunta para establecer la cantidad máxima de líneas programáticamente (en lugar de tener que sobrecargar TextBlock cual se desaconseja en WPF).

public class LineHeightBehavior
{
    public static readonly DependencyProperty MaxLinesProperty =
        DependencyProperty.RegisterAttached(
            "MaxLines",
            typeof(int),
            typeof(LineHeightBehavior),
            new PropertyMetadata(default(int), OnMaxLinesPropertyChangedCallback));

    public static void SetMaxLines(DependencyObject element, int value)
    {
        element.SetValue(MaxLinesProperty, value);
    }

    public static int GetMaxLines(DependencyObject element)
    {
        return (int)element.GetValue(MaxLinesProperty);
    }

    private static void OnMaxLinesPropertyChangedCallback(
        DependencyObject d,
        DependencyPropertyChangedEventArgs e)
    {
        var element = d as TextBlock;
        if (element != null)
        {
            element.MaxHeight = element.LineHeight * GetMaxLines(element);
        }
    }
}

De forma predeterminada, LineHeight está configurado en double.NaN , por lo que este valor primero debe establecerse manualmente.

La propiedad adjunta MaxLines y otras propiedades relevantes se pueden establecer en un Style :

<Style TargetType="{x:Type TextBlock}"
       BasedOn="{StaticResource {x:Type TextBlock}}">
    <Setter Property="TextTrimming"
            Value="CharacterEllipsis" />
    <Setter Property="TextWrapping"
            Value="Wrap" />
    <Setter Property="LineHeight"
            Value="16" />
    <Setter Property="LineStackingStrategy"
            Value="BlockLineHeight" />
    <Setter Property="behaviors:LineHeightBehavior.MaxLines"
            Value="2" />
</Style>

Answer 2

Basado en la respuesta debi.at y gt, he creado este comportamiento de MaxLines . Fundamentalmente, no depende de establecer la propiedad LineHeight calculando el alto de la línea desde la fuente. Aún necesita configurar TextWrapping y TextTrimming para que el TextBox se TextTrimming como lo desea.

<TextBlock behaviours:NumLinesBehaviour.MaxLines="3" TextWrapping="Wrap" TextTrimming="CharacterEllipsis" Text="Some text here"/>

También hay un comportamiento MinLines que puede ser diferente o establecerse en el mismo número que el comportamiento de MaxLines para establecer el número de líneas.

public class NumLinesBehaviour : Behavior<TextBlock>
{
    TextBlock textBlock => AssociatedObject;

    protected override void OnAttached()
    {
        base.OnAttached();
    }

    protected override void OnDetaching()
    {
        base.OnDetaching();
    }

    public static readonly DependencyProperty MaxLinesProperty =
        DependencyProperty.RegisterAttached(
            "MaxLines",
            typeof(int),
            typeof(NumLinesBehaviour),
            new PropertyMetadata(default(int), OnMaxLinesPropertyChangedCallback));

    public static void SetMaxLines(DependencyObject element, int value)
    {
        element.SetValue(MaxLinesProperty, value);
    }

    public static int GetMaxLines(DependencyObject element)
    {
        return (int)element.GetValue(MaxLinesProperty);
    }

    private static void OnMaxLinesPropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        TextBlock element = d as TextBlock;
        element.MaxHeight = getLineHeight(element) * GetMaxLines(element);
    }

    public static readonly DependencyProperty MinLinesProperty =
        DependencyProperty.RegisterAttached(
            "MinLines",
            typeof(int),
            typeof(NumLinesBehaviour),
            new PropertyMetadata(default(int), OnMinLinesPropertyChangedCallback));

    public static void SetMinLines(DependencyObject element, int value)
    {
        element.SetValue(MinLinesProperty, value);
    }

    public static int GetMinLines(DependencyObject element)
    {
        return (int)element.GetValue(MinLinesProperty);
    }

    private static void OnMinLinesPropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        TextBlock element = d as TextBlock;
        element.MinHeight = getLineHeight(element) * GetMinLines(element);
    }

    private static double getLineHeight(TextBlock textBlock)
    {
        double lineHeight = textBlock.LineHeight;
        if (double.IsNaN(lineHeight))
            lineHeight = Math.Ceiling(textBlock.FontSize * textBlock.FontFamily.LineSpacing);
        return lineHeight;
    }
}

Answer 3

Dudo que sea configurable, el empaquetado se basa en una serie de factores como tamaño de letra / interletraje, ancho disponible del bloque de texto (horizontalalignment = stretch puede hacer una gran diferencia), tipo de panel principal (scrollviewer / stackpanel / grid) etc.

Si desea que el texto fluya a la siguiente línea explícitamente, debe usar bloques "Ejecutar" en su lugar y luego usar el ajuste de las elipses de tipo para ese bloque de ejecución.

Answer 4

Para cualquiera que esté desarrollando aplicaciones UWP o WinRT, TextBlock tiene una propiedad MaxLines que puede configurar.

Answer 5

Si tiene TextWrapping Height , TextWrapping y TextTrimming , se comportará exactamente como lo desee:

<TextBlock Height="60" FontSize="22" FontWeight="Thin"
    TextWrapping="Wrap" TextTrimming="CharacterEllipsis">

El código anterior se ajustará a dos líneas, luego usar CharacterEllipsis más allá de ese punto.

Answer 6

Si tiene un LineHeight específico, puede calcular la altura máxima para TextBlock.

Ejemplo:

TextBlock con un máximo de 3 líneas

<TextBlock 
  Width="300"
  TextWrapping="Wrap" 
  TextTrimming="WordEllipsis" 
  FontSize="24" 
  LineStackingStrategy="BlockLineHeight"
  LineHeight="28"
  MaxHeight="84">YOUR TEXT</TextBlock>

Esto es todo lo que necesita para que su requerimiento funcione.

¿Cómo hacer esto dinámicamente?

Simplemente cree un nuevo control en C # / VB.NET que extienda TextBlock y le otorgue un nuevo DependencyProperty int MaxLines .
A continuación, anule el método OnApplyTemplate() y establezca MaxHeight basado en LineHeight * MaxLines .

¡Esa es solo una explicación básica de cómo puedes resolver este problema!

Actualización (para UWP)

En UWP Apps no es necesario y puede utilizar la propiedad TextBlock MaxLines (ver MSDN )

Answer 7

necesita la TextTrimming="WordEllipsis" en su TextBlock