如何实现这个按钮外观

时间:2016-10-14 07:49:28

标签: wpf xaml button mvvm styles

我试图通过XAML实现此按钮外观,请查看以下链接:

enter image description here

我已经有了白色边框的轮廓文字,但是,我想在右上角绘制一个三角形,并在内部绘制一个字符。哪种方法最好?

非常感谢。

1 个答案:

答案 0 :(得分:0)

首先在Blend中做这样的事情。

<Button >
  <Button.Template>
    <ControlTemplate TargetType="Button">
         <Border Background="#FF008081">
            <Grid>
                <Path Data="M320,80 L319.5,109.5 289.5,79.5 z" Fill="#FFEA1D24"  Height="31"  Stretch="Fill" Stroke="Black" VerticalAlignment="Top" HorizontalAlignment="Right" Width="31.5"/>
                <Path Data="M315,85 L315,93.25 C313.2803,95.392823 311.44247,95.307959 309.5,93.25 L309.5,85" Fill="#FFEA1D24" HorizontalAlignment="Right" Height="11.421"  Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="6.5" Margin="5"/>
            </Grid>
        </Border>
    </ControlTemplate>
  </Button.Template>
</Button>