如何使TextBlock大小适合文本大小

时间:2012-08-03 08:18:23

标签: silverlight xaml expression-blend

我正在使用silverlight进行嵌入式窗口工作,我希望将文本设置为TextBlock,如图所示,我希望textBlock适合文本(我想删除附加图片中的黄色空间)

Pic

有人可以帮我这个吗?

祝你好运, 卢卡

这是我目前正在使用的XAML:

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Class="FullTest.PUIsocUI"
d:DesignWidth="480" d:DesignHeight="272">

<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel Orientation="Horizontal"        VerticalAlignment="Bottom" Height="64" Grid.Row="1">
        <RadioButton x:Name="PowerMeasurement"      GroupName="PowerTabControls" IsChecked="True" Checked="PowerMeasurement_Checked" Unchecked="PowerMeasurement_Unchecked" Content="POWER" BorderThickness="0"/>
        <RadioButton x:Name="PowerMode"             GroupName="PowerTabControls" Checked="PowerMode_Checked" Unchecked="PowerMode_Unchecked"/>      
        <RadioButton x:Name="PowerLimit"            GroupName="PowerTabControls" IsChecked="False" Click="PowerLimit_Click" Checked="PowerLimit_Checked" Unchecked="PowerLimit_Unchecked"/>     
    </StackPanel>
    <Grid>
        <Grid x:Name="PowerMeasurementPage" Margin="0,0,0,64" >
         <!-- tab page za meritev-->
            <TextBlock Text="POWER" Style="{StaticResource FunctionNameTextBlockStyle}" HorizontalAlignment="Left" VerticalAlignment="Top"/>
            <TextBlock Text="11.555" Style="{StaticResource ResultNameTextBlockStyle}"  />
        </Grid>
        <Grid x:Name="PowerModePage" Margin="0,0,0,64">
        <!-- tab page za Mode-->
        </Grid>
        <Grid x:Name="PowerLimitPage" Margin="0,0,0,64">
        <!-- tab page za Limita-->
        </Grid>
    </Grid>
</Grid>

<Style TargetType="TextBlock" x:Key="FunctionNameTextBlockStyle">
        <Setter Property="FontFamily" Value="ALTERNATE_GOTHIC#AlternateGothic2 BT"/>
        <Setter Property="FontSize" Value="44"/>
        <Setter Property="Margin" Value="57,27,0,0"/>
    </Style>

这就是我想要的 - &gt;

pic2

3 个答案:

答案 0 :(得分:1)

<TextBlock Text="POWER" FontSize="44" FontWeight="SemiBold" RenderTransformOrigin="0.5,0.5">
   <TextBlock.RenderTransform>
     <CompositeTransform ScaleY="2"/>
   </TextBlock.RenderTransform>
</TextBlock>

在我提供的示例中,请参阅ScaleY声明?调整该值以满足您的需求。这是在不使用ViewBox的情况下实现该效果的一种方法。另一个可能是将TextBlock转换为Path并根据需要进行调整,但它必须是一个静态标签才能有用。

希望这有帮助! :)

答案 1 :(得分:0)

另一种方式甚至更简单。您只需 TextBlock调整自身大小,它就会根据文字进行排列。您可能应该查看它的容器(可能粘贴一些代码?)。尝试像这样设置TextBlock

<TextBlock Text="POWER" HorizontalAlignment="Center" VerticalAlignment="Center" />

UPDATE 查看VS,对我而言,它似乎只是一个字体保留空间。不知道你怎么能避免这种情况。

答案 2 :(得分:0)

在VS2015中,您可以使用TextLineBounds属性轻松完成此操作(在您的情况下将其设置为Tight)。我在UAP中使用它,不确定它是否在Silverlight中可用。但是,对于像g,q等小写字母,它会被截断,如下所示:TextLineBounds snipping bottom of letters