Allineamento verticale del testo in WPF TextBlock

Question

Come si assegna l'allineamento del centro verticale al testo all'interno di un TextBlock? Ho trovato la proprietà TextAlignment ma è per l'allineamento orizzontale del testo. Come faccio per l'allineamento verticale del testo?

Answer 1

Un blocco di testo in sé non può fare l'allineamento verticale

Il modo migliore per farlo che ho trovato è quello di mettere il blocco di testo all'interno di un bordo, in modo che il confine fa l'allineamento per te.

<Border BorderBrush="{x:Null}" Height="50"> 
    <TextBlock TextWrapping="Wrap" Text="Some Text" VerticalAlignment="Center"/> 
</Border> 

Nota: Questo è funzionalmente equivalente a utilizzando una griglia, dipende solo da come si desidera che i controlli in sintonia con il resto del layout su quale uno è più adatto

Answer 2

TextBlock non supporta l'allineamento verticale del testo.

Lavoro attorno a questo avvolgendo il blocco di testo con una griglia e impostando HorizontalAlignment = "Stretch" e VerticalAlignment = "Center".

Ti piace questa:

<Grid> 
     <TextBlock 
      HorizontalAlignment="Stretch" 
      VerticalAlignment="Center" 
      Text="Your text" /> 
    </Grid> 

Answer 3

Per me, VerticalAlignment="Center" risolve questo problema
Questo potrebbe essere dovuto al fatto che TextBlock è racchiuso in una griglia, ma quindi è praticamente tutto in wpf.

Answer 4

Mentre Orion Edwards Answer funziona in qualsiasi situazione, potrebbe essere difficile aggiungere il bordo e impostare le proprietà del bordo ogni volta che si desidera eseguire questa operazione. Un altro modo rapido è impostare il padding del blocco di testo:

<TextBlock Height="22" Padding="3" /> 

Answer 5

Puoi vedere il mio post sul blog. È possibile impostare l'altezza personalizzata di Textblock da codebehind. Per impostare l'altezza su misura è necessario impostare all'interno di un bordo o StackPanel

http://ciintelligence.blogspot.com/2011/02/wpf-textblock-vertical-alignment-with.html

Answer 6

È possibile utilizzare l'etichetta al posto di blocco di testo.

<Label Content="Hello, World!"> 
    <Label.LayoutTransform> 
     <RotateTransform Angle="270"/> 
    </Label.LayoutTransform> 
</Label> 

Answer 7

Ho scoperto che modificando lo stile di testo (es: controltemplate) e quindi modificare la PART_ContentHost allineamento verticale al centro farà il trucco

Answer 8

Solo per risatine, conferiscono a questo XAML un vortice. Non è perfetto in quanto non è un "allineamento" ma consente di regolare l'allineamento del testo all'interno di un paragrafo.

<TextBlock> 
    <TextBlock BaselineOffset="30">One</TextBlock> 
    <TextBlock BaselineOffset="20">Two</TextBlock> 
    <Run>Three</Run>    
    <Run BaselineAlignment="Subscript">Four</Run> 
</TextBlock> 

Answer 9

Se si può trascurare l'altezza di TextBlock, è meglio per l'utilizzo di questo:

<TextBlock Height="{Binding}" Text="Your text" 
TextWrapping="Wrap" VerticalAlignment="Center" Width="28"/> 

Answer 10

Nel mio caso, ho fatto questo per rendere il display TextBlock più bello.

<Border BorderThickness="3" BorderBrush="Yellow" CornerRadius="10" Padding="2" 
    HorizontalAlignment="Center" VerticalAlignment="Center" Height="30" Width="150"> 
     <TextBlock FontSize="20" Height="23" HorizontalAlignment="Left" Margin="0,0,0,-5" Text="" VerticalAlignment="Top" Width="141" Background="White" /> 
</Border> 

Il trucco per rendere il testo più lontano dal fondo è quello di impostare

Margin="0,0,0,-5" 

Answer 11

ho scoperto che ho dovuto fare è leggermente diverso.Il mio problema era che se avessi cambiato la dimensione del carattere, il testo si sarebbe spostato verso l'alto nel TextBox invece di rimanere in fondo con il resto dei TextBox sulla linea. Modificando l'allineamento vert da cima a fondo, sono stato in grado di modificare il carattere a livello di codice dalla dimensione 20 alla dimensione 14 & indietro, mantenendo la gravità del testo sul fondo e mantenendo le cose pulite. Ecco come:

Answer 12

Per espandere sulla risposta fornita da @Orion Edwards, questo è come si farebbe appieno code-behind (nessun stili set). Fondamentalmente crea una classe personalizzata che eredita da Border che ha il suo Figlio impostato su un TextBox. L'esempio seguente presuppone che si desidera una sola riga e che il bordo è figlio di una tela. Inoltre, si presuppone che sia necessario regolare la proprietà MaxLength del controllo TextBox in base alla larghezza del bordo. L'esempio seguente imposta anche il cursore del bordo per simulare una casella di testo impostandolo sul tipo "IBeam". Un margine di "3" è impostato in modo che il TextBox non sia allineato in modo assoluto alla sinistra del bordo.

double __dX = 20; 
double __dY = 180; 
double __dW = 500; 
double __dH = 40; 
int __iMaxLen = 100; 

this.m_Z3r0_TextBox_Description = new CZ3r0_TextBox(__dX, __dY, __dW, __dH, __iMaxLen, TextAlignment.Left); 
this.Children.Add(this.m_Z3r0_TextBox_Description); 

Classe:

using System; 
using System.Collections.Generic; 
using System.Text; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Shapes; 
using System.Windows.Controls.Primitives; 


namespace ifn0tz3r0Exp 
{ 
    class CZ3r0_TextBox : Border 
    { 
     private TextBox m_TextBox; 

     private SolidColorBrush m_Brush_Green = new SolidColorBrush(Colors.MediumSpringGreen); 
     private SolidColorBrush m_Brush_Black = new SolidColorBrush(Colors.Black); 
     private SolidColorBrush m_Brush_Transparent = new SolidColorBrush(Colors.Transparent); 

     public CZ3r0_TextBox(double _dX, double _dY, double _dW, double _dH, int _iMaxLen, TextAlignment _Align) 
     { 

      ///////////////////////////////////////////////////////////// 
      //TEXTBOX 
      this.m_TextBox = new TextBox(); 
      this.m_TextBox.Text = "This is a vertically centered one-line textbox embedded in a border..."; 
      Canvas.SetLeft(this, _dX); 
      Canvas.SetTop(this, _dY); 
      this.m_TextBox.FontFamily = new FontFamily("Consolas"); 
      this.m_TextBox.FontSize = 11; 
      this.m_TextBox.Background = this.m_Brush_Black; 
      this.m_TextBox.Foreground = this.m_Brush_Green; 
      this.m_TextBox.BorderBrush = this.m_Brush_Transparent; 
      this.m_TextBox.BorderThickness = new Thickness(0.0); 
      this.m_TextBox.Width = _dW; 
      this.m_TextBox.MaxLength = _iMaxLen; 
      this.m_TextBox.TextAlignment = _Align; 
      this.m_TextBox.VerticalAlignment = System.Windows.VerticalAlignment.Center; 
      this.m_TextBox.FocusVisualStyle = null; 
      this.m_TextBox.Margin = new Thickness(3.0); 
      this.m_TextBox.CaretBrush = this.m_Brush_Green; 
      this.m_TextBox.SelectionBrush = this.m_Brush_Green; 
      this.m_TextBox.SelectionOpacity = 0.3; 

      this.m_TextBox.GotFocus += this.CZ3r0_TextBox_GotFocus; 
      this.m_TextBox.LostFocus += this.CZ3r0_TextBox_LostFocus; 
      ///////////////////////////////////////////////////////////// 
      //BORDER 

      this.BorderBrush = this.m_Brush_Transparent; 
      this.BorderThickness = new Thickness(1.0); 
      this.Background = this.m_Brush_Black;    
      this.Height = _dH; 
      this.Child = this.m_TextBox; 
      this.FocusVisualStyle = null; 
      this.MouseDown += this.CZ3r0_TextBox_MouseDown; 
      this.Cursor = Cursors.IBeam; 
      ///////////////////////////////////////////////////////////// 
     } 
     private void CZ3r0_TextBox_MouseDown(object _Sender, MouseEventArgs e) 
     { 
      this.m_TextBox.Focus(); 
     } 
     private void CZ3r0_TextBox_GotFocus(object _Sender, RoutedEventArgs e) 
     { 
      this.BorderBrush = this.m_Brush_Green; 
     } 
     private void CZ3r0_TextBox_LostFocus(object _Sender, RoutedEventArgs e) 
     { 
      this.BorderBrush = this.m_Brush_Transparent; 
     } 
    } 
} 

Answer 13

credo sia meglio utilizzare un'etichetta (o TextBlock) in un'etichetta, non è possibile collegare un evento del mouse direttamente nel controllo delle frontiere, infine, è collegato in TextBlock, questa è la mia raccomandazione:

<Label 
    Height="32" 
    VerticalContentAlignment="Center" 
    HorizontalContentAlignment="Stretch" 
    MouseLeftButtonUp="MenuItem_MouseLeftButtonUp"> 
    <TextBlock Padding="32 0 10 0"> 
     Label with click event 
    </TextBlock> 
</Label> 

Answer 14

Se si può fare a meno del text wrapping, penso che la sostituzione del TextBlock con un etichetta è il modo più succinta per fare questo. Altrimenti segui una delle altre risposte valide.

<Label Content="Some Text" VerticalAlignment="Center"/> 

Answer 15

<TextBox AcceptsReturn="True" 
      TextWrapping="Wrap" 
      VerticalContentAlignment="Top" > 
    </TextBox> 

Answer 16

TextBlock non supporta allineamento verticale del suo contenuto. Se è necessario utilizzare TextBlock, è necessario allinearlo rispetto al relativo genitore.

Tuttavia, se si può usare Label invece (e hanno funzionalità molto simili), allora si può posizione il contenuto del testo:

<Label VerticalContentAlignment="Center" HorizontalContentAlignment="Center"> 
    I am centred text! 
</Label> 

Il Label sarà allungare a riempire i suoi limiti di default, cioè la il testo dell'etichetta sarà centrato.