私は作成時に下の画像のようにバッジが含まれているWPFコントロール働いているWPFのユーザーコントロール

Question

に角度の付いたバッジを追加：私が試したコードがあります。ここ

をしかし、それはウィンドウで調整可能ではありません

のサイズ

<Border BorderBrush="Black" BorderThickness="2" HorizontalAlignment="Left" Height="261" Margin="49,23,0,0" VerticalAlignment="Top" Width="359" Background="#FFF7EDED"> 
      <Grid> 
       <TextBlock Text="Hi there" Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
       <Rectangle Fill="#FFA42828" Stroke="Black" RenderTransformOrigin="0.5,0.5" Opacity="0.8" StrokeThickness="0" Margin="-42.14,117.204,-16.176,101.754"> 
       <Rectangle.RenderTransform> 
        <TransformGroup> 
         <ScaleTransform/> 
         <SkewTransform AngleX="-30.771"/> 
         <RotateTransform Angle="-31.015"/> 
         <TranslateTransform X="13.961" Y="-8.394"/> 
        </TransformGroup> 
       </Rectangle.RenderTransform> 
      </Rectangle> 
      </Grid> 
     </Border> 

私はRectangleのコントロールをX軸とY軸を変更して試しましたが、コントロールのサイズで調整可能なものが必要なので動作しません。助けてください。

Answer 1

基本的には、境界線、対角線、およびセンタリングされたテキストです。唯一のトリックが正しい設定行を調整することで、私はまあ、それは検出できない、私はラインを試みたが、それは動作しません

<Border Height="50" Name="brd" BorderBrush="Black" BorderThickness="2"> 
    <Grid Name="bounds"> 
     <Line Stroke="Green" StrokeThickness="2" 
      X1="0" Y1="{Binding Path=ActualHeight, ElementName=bounds}" 
      X2="{Binding Path=ActualWidth, ElementName=bounds}" Y2="0"> 
     </Line> 

     <TextBlock Text="Hello World" FontSize="24" 
        VerticalAlignment="Center" 
        HorizontalAlignment="Center" 
        Foreground="Black"/> 
    </Grid> 
</Border>