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 プロパティを使用して、オブジェクトの回転の中心を設定できます。あなたの場合、回転の中心は境界線の真ん中にあります - これらのプロパティで少し遊ぶとうまくいくはずです

たとえば、100 x 100 の正方形をその中心を中心に回転させたい場合は、CenterX および CenterY プロパティを 50 に設定します。

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

于 2013-11-07T12:02:07.223 に答える