0

我在正确放置对象时遇到问题,我想实现角落功能区,如下所示:

在此处输入图像描述

因为我的功能区应该是整个表格的 1/5,所以我将表格分为 5 列:

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Grid Grid.ColumnSpan="5">
    </Grid>
    <Border Margin="0" BorderThickness="2" Height="auto" BorderBrush="White" Background="#FFE12727" HorizontalAlignment="Stretch" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Padding="0,0,6,0">
        <Border.RenderTransform>
            <CompositeTransform Rotation="-45"/>
        </Border.RenderTransform>
        <Viewbox VerticalAlignment="Center" Margin="50,15,50,10">
            <TextBlock VerticalAlignment="Center" Text="NEW HERE?"/>
        </Viewbox>
    </Border>
</Grid>

它看起来像这样:

在此处输入图像描述

我应该如何设置边距、填充等,以使所有分辨率的色带都保持在 1 张图片上?

或者有什么不同的方法来实现这一点?

4

1 回答 1

0

您可以使用 CenterX 和 CenterY 属性来设置对象的旋转中心。在您的情况下,旋转中心位于边框的中间 - 使用这些属性进行一些操作,它应该可以工作

For example, if you wanted a 100 by 100 square to pivot around its center, you would set the CenterX and CenterY properties to 50.

by http://msdn.microsoft.com/en-us/library/system.windows.media.compositetransform.rotation(v=vs.95).aspx

于 2013-11-07T12:02:07.223 回答