đáy Align của văn bản trong điều khiển

Question

Đoạn sau đây:

<Window x:Class="Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid> 
     <StackPanel Orientation="Horizontal" 
        VerticalAlignment="Center" 
        HorizontalAlignment="Center">    
      <Label Content="Name:"/> 
      <Label Content="Itzhak Perlman" FontSize="44"/> 
     </StackPanel> 
    </Grid> 
</Window> 

ám chỉ rằng sau:

Có cách nào tôi có thể thiết lập trong phong cách của Nhãn để đáy văn bản của họ nên được liên kết?
Tôi cũng có cùng một câu hỏi với TextBlocks.

LƯU Ý: vì tôi đã gặp khó khăn với vấn đề này trong một thời gian, vui lòng chỉ đăng câu trả lời mà bạn biết rằng công việc.
Tôi đã thử: VerticalAlignment, VerticalContentAlignment, Padding, Margin. Có điều gì khác mà tôi không biết?

Tôi đã đọc bài đăng this nhưng không nói về một kịch bản có kích thước phông chữ khác nhau.

CẬP NHẬT: Vấn đề là, thậm chí Padding được đặt thành 0 vẫn còn một khoảng trống không xác định xung quanh phông chữ, trong vùng ContentPresenter. không gian này khác nhau về kích thước phông chữ. Nếu tôi có thể kiểm soát không gian này, tôi sẽ ở trong tình huống tốt hơn.

Cảm ơn

Answer 1

Không có giải pháp chỉ XAML, bạn phải sử dụng mã phía sau. Ngoài ra, ngay cả với mã-đằng sau, không có giải pháp chung cho điều này, bởi vì nếu văn bản của bạn là đa dòng? Đường cơ sở nào nên được sử dụng trong trường hợp đó? Hoặc nếu có nhiều yếu tố văn bản trong mẫu của bạn thì sao? Chẳng hạn như một tiêu đề và nội dung, hoặc nhiều hơn, mà đường cơ sở sau đó?

Tóm lại, đặt cược tốt nhất của bạn là căn chỉnh văn bản theo cách thủ công sử dụng lề trên cùng/dưới cùng.

Nếu bạn sẵn sàng đưa ra giả định rằng bạn có một phần tử văn bản, bạn có thể tìm ra khoảng cách pixel của đường cơ sở từ phía trên của phần tử bằng cách tạo đối tượng FormattedText với tất cả các thuộc tính giống nhau của yếu tố văn bản. Đối tượng FormattedText có thuộc tính doubleBaseline giữ giá trị đó. Lưu ý rằng bạn vẫn sẽ phải nhập thủ công một lề, bởi vì phần tử có thể không được đặt chính xác trên đầu hoặc cuối vùng chứa của nó.

Xem diễn đàn MSDN bài đăng này: Textbox Baseline

Dưới đây là một phương pháp tôi đã viết rằng chiết xuất giá trị đó. Nó sử dụng sự phản chiếu để nhận các thuộc tính có liên quan vì chúng không phổ biến với bất kỳ lớp cơ sở nào (chúng được định nghĩa riêng biệt trên Control, TextBlock, Page, TextElement và có thể là các loại khác).

public double CalculateBaseline(object textObject) 
{ 
    double r = double.NaN; 
    if (textObject == null) return r; 

    Type t = textObject.GetType(); 
    BindingFlags bindingFlags = BindingFlags.Instance | BindingFlags.Public; 

    var fontSizeFI = t.GetProperty("FontSize", bindingFlags); 
    if (fontSizeFI == null) return r; 
    var fontFamilyFI = t.GetProperty("FontFamily", bindingFlags); 
    var fontStyleFI = t.GetProperty("FontStyle", bindingFlags); 
    var fontWeightFI = t.GetProperty("FontWeight", bindingFlags); 
    var fontStretchFI = t.GetProperty("FontStretch", bindingFlags); 

    var fontSize = (double)fontSizeFI.GetValue(textObject, null); 
    var fontFamily = (FontFamily)fontFamilyFI.GetValue(textObject, null); 
    var fontStyle = (FontStyle)fontStyleFI.GetValue(textObject, null); 
    var fontWeight = (FontWeight)fontWeightFI.GetValue(textObject, null); 
    var fontStretch = (FontStretch)fontStretchFI.GetValue(textObject, null); 

    var typeFace = new Typeface(fontFamily, fontStyle, fontWeight, fontStretch); 

    var formattedText = new FormattedText(
     "W", 
     CultureInfo.CurrentCulture, 
     FlowDirection.LeftToRight, 
     typeFace, 
     fontSize, 
     Brushes.Black); 

    r = formattedText.Baseline; 

    return r; 
} 

EDIT: Shimmy, để phản hồi nhận xét của bạn, tôi không tin bạn thực sự đã thử giải pháp này, vì nó hoạt động.Dưới đây là một ví dụ:

Dưới đây là các XAML:

<StackPanel> 
    <StackPanel.Resources> 
     <Style TargetType="TextBlock"> 
      <Setter Property="Margin" Value="0,40,0,0"/> 
     </Style> 
    </StackPanel.Resources> 
    <StackPanel Orientation="Horizontal"> 
     <TextBlock Name="tb1" Text="Lorem " FontSize="10"/> 
     <TextBlock Name="tbref" Text="ipsum"/> 
    </StackPanel> 
    <StackPanel Orientation="Horizontal"> 
     <TextBlock Name="tb2" Text="dolor " FontSize="20"/> 
     <TextBlock Text="sit"/> 
    </StackPanel> 
    <StackPanel Orientation="Horizontal"> 
     <TextBlock Name="tb3" Text="amet " FontSize="30"/> 
     <TextBlock Text="consectetuer"/> 
    </StackPanel> 
</StackPanel> 

Và đây là mã đằng sau đó đạt được điều này

double baseRef = CalculateBaseline(tbref); 
double base1 = CalculateBaseline(tb1) - baseRef; 
double base2 = CalculateBaseline(tb2) - baseRef; 
double base3 = CalculateBaseline(tb3) - baseRef; 
tb1.Margin = new Thickness(0, 40 - base1, 0, 0); 
tb2.Margin = new Thickness(0, 40 - base2, 0, 0); 
tb3.Margin = new Thickness(0, 40 - base3, 0, 0); 

Answer 2

Tôi thực sự tìm thấy một câu trả lời đơn giản dựa trên Aviad 's .

Tôi đã tạo bộ chuyển đổi có chứa chức năng của Aviad chấp nhận chính phần tử đó và trả về Độ dày được tính toán.

Sau đó, tôi lập

<Style TargetType="TextBlock"> 
    <Setter Property="Margin" 
     Value="{Binding RelativeSource={RelativeSource Self}, Converter={StaticResource converters:TextAlignmentMarginConverter}}" /> 
</Style> 

Những bất lợi là điều này rõ ràng là chiếm tài sản Margin gốc, vì một TextBlock không có một khuôn mẫu vì vậy chúng tôi không thể thiết lập nó qua TemplateBinding.

Answer 3

Tôi thực sự thích các giải pháp sáng tạo được trình bày ở đây nhưng tôi nghĩ rằng trong thời gian dài (ý định chơi chữ) chúng ta nên sử dụng này:

<TextBlock> 
    <Run FontSize="20">What</Run> 
    <Run FontSize="36">ever</Run> 
    <Run FontSize="12" FontWeight="Bold">FontSize</Run> 
</TextBlock> 

Điều duy nhất mà là mất tích từ các yếu tố Run là databinding thuộc tính Text nhưng có thể được thêm sớm hay muộn.

Chạy sẽ không sửa căn chỉnh của nhãn và hộp văn bản nhưng trong nhiều trường hợp đơn giản, Run sẽ hoạt động khá độc đáo.

Answer 4

Một giải pháp khá đơn giản khác:

1) Sử dụng điều khiển TextBlock thay cho Nhãn. Lý do là TextBlock có trọng lượng nhẹ hơn Label - xem http://joshsmithonwpf.wordpress.com/2007/07/04/differences-between-label-and-textblock/

2) Sử dụng LineHeight và LineStackingStrategy = BlockLineHeight cho kiểu TextBlock của bạn. Điều này sẽ căn chỉnh hai ở đường cơ sở của họ một cách dễ dàng.

<StackPanel Orientation="Horizontal" 
      VerticalAlignment="Center" 
      HorizontalAlignment="Center"> 
    <StackPanel.Resources> 
     <Style TargetType="TextBlock"> 
      <Setter Property="LineHeight" Value="44pt"/> 
      <Setter Property="LineStackingStrategy" Value="BlockLineHeight"/> 
     </Style> 
    </StackPanel.Resources>    
    <TextBlock Text="Name:"/> 
    <TextBlock Text="Itzhak Perlman" FontSize="44"/> 
</StackPanel> 

Answer 5

<TextBlock> 
<InlineUIContainer BaselineAlignment="Baseline"><TextBlock>Small</TextBlock></InlineUIContainer> 
<InlineUIContainer BaselineAlignment="Baseline"><TextBlock FontSize="50">Big</TextBlock></InlineUIContainer> 
</TextBlock> 

nên này hoạt động tốt. Thử nghiệm với Baseline/Bottom/Center/Top.

Answer 6

thiết kế XAML hỗ trợ sắp xếp TextBlock điều khiển bằng cơ sở tại thời gian thiết kế:

này gán lề cố định để kiểm soát của bạn. Miễn là kích thước phông chữ không thay đổi vào thời gian chạy, căn chỉnh sẽ được giữ nguyên.