複数の行にテキストを表示するにはどうすればよいですか？

Question

私はそこに2つのビューポートを持つスタックパネルを持っているwpfウィンドウを持っています - それぞれのビューポートにはテキストブロックがあります。

<Grid> 
    <StackPanel VerticalAlignment="Center" Orientation="Vertical" > 
     <Viewbox Margin="100,0,100,0"> 
      <TextBlock x:Name="headerText" Text="Lorem ipsum dolor" Foreground="Black"/> 
     </Viewbox> 
     <Viewbox Margin="150,0,150,0"> 
      <TextBlock x:Name="subHeaderText" Text="Lorem ipsum dolor, Lorem ipsum dolor, lorem isum dolor, Lorem ipsum dolor, Lorem ipsum dolor, lorem isum dolor, " TextWrapping="Wrap" Foreground="Gray" /> 
     </Viewbox> 
    </StackPanel> 
</Grid> 

私が達成したいのは、上部のテキストブロックが大きなテキストの見出しであることです。 2番目のテキストブロックは、小さなテキストのサブ見出しです。見出しまたは小見出しにどれだけのテキストがあっても、フォントは動的に小さくなる必要があります。私の問題は、小見出しを固定幅にしたいということです。これは、フォントの見出しの割合（70％）であり、テキストの量に応じて複数の行に折り返すことを意味します。私はこれまでに持っているコードを封じ込めました...その小見出しで何かを見つけられませんでした。乾杯

編集 基本的に私が達成したいか、それはフォントは見出しの70％であることを下向きにして展開することはできませんので、サブヘッダーテキストをラップしていることである - に関係なく、そのフォントがどのように大きいです。

Answer 1

のStackPanelを入れ子にすると、テキストボックスが適切にラップするようになります：

<Viewbox Margin="120,0,120,0"> 
    <StackPanel Orientation="Vertical" Width="400"> 
     <TextBlock x:Name="subHeaderText" 
        FontSize="20" 
        TextWrapping="Wrap" 
        Foreground="Black" 
        Text="Lorem ipsum dolor, lorem isum dolor,Lorem ipsum dolor sit amet, lorem ipsum dolor sit amet " /> 
    </StackPanel> 
</Viewbox> 

Answer 2

これが途中で取得します。 ActualFontSizeプロパティはありませんが、ActualHeightがあり、FontSizeに関連しています。今は、元のレンダーのサイズのみです。 ResizeイベントとしてConverterを登録する方法を理解できませんでした。実際には、FontSizeをサイズ変更イベントとして登録する必要があります。私に不完全な答えを記してください。コメントにコードサンプルを入れることができませんでした。

<Window.Resources> 
     <local:WidthConverter x:Key="widthConverter"/> 
    </Window.Resources> 
    <Grid> 
     <Grid> 
      <StackPanel VerticalAlignment="Center" Orientation="Vertical" > 
       <Viewbox Margin="100,0,100,0"> 
        <TextBlock x:Name="headerText" Text="Lorem ipsum dolor" Foreground="Black"/> 
       </Viewbox> 
       <TextBlock Margin="150,0,150,0" FontSize="{Binding ElementName=headerText, Path=ActualHeight, Converter={StaticResource widthConverter}}" x:Name="subHeaderText" Text="Lorem ipsum dolor, Lorem ipsum dolor, lorem isum dolor, Lorem ipsum dolor, Lorem ipsum dolor, lorem isum dolor, " TextWrapping="Wrap" Foreground="Gray" /> 
      </StackPanel> 
     </Grid> 
    </Grid>   

コンバータ

[ValueConversion(typeof(double), typeof(double))] 
    public class WidthConverter : IValueConverter 
    { 
     public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
     { 
      double width = (double)value*.7; 
      return width; // columnsCount; 
     } 

     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
     { 
      throw new NotImplementedException(); 
     } 
    } 

Answer 3

あなただけ残り、その後少し大きめあなたのヘッダーのフォントを持っているしたい場合は、ScaleTransformを使用することができます。実際のフォントサイズには依存しません。

<TextBlock x:Name="headerText" Text="Lorem ipsum dolor"> 
       <TextBlock.LayoutTransform> 
        <ScaleTransform ScaleX="1.1" ScaleY="1.1" /> 
       </TextBlock.LayoutTransform> 
    </TextBlock> 

Answer 4

TextBlock要素のプロパティTextWrapping使用します。

<TextBlock Text="StackOverflow Forum" 
      Width="100" 
      TextWrapping="WrapWithOverflow"/>