4

我在 Silverlight 中为嵌入式窗口工作,我想将文本放入图片中的 TextBlock,我希望 textBlock 适合文本(我想删除附加图片中的黄色空间)

图片

有人可以帮我弄这个吗?

最好的问候,卢卡

这是我目前使用的 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>

这就是我想要得到的->

图2

4

3 回答 3

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 并根据需要进行调整,但它必须是静态标签才能有用。

希望这可以帮助!:)

于 2012-08-03T14:39:35.190 回答
0

另一种方法甚至要简单得多。你只需要让 TextBlock调整自己的大小,它会根据文本自行排列。您可能应该查看它的容器(可能粘贴一些代码?)。尝试TextBlock这样设置:

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

更新查看VS,对我来说它似乎只是一个字体保留空间。不知道如何避免这种情况。

于 2012-08-03T08:24:34.000 回答
0

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

于 2015-07-09T23:33:16.407 回答