Углы вырезать пользовательские кнопки фон

Question

Я довольно новичок в UWP, но я знаком с Android программированием на XML и Java / Kotlin. Я хочу создать кнопку с вырезанными углами, которая выглядит примерно так:

.

Я создал эту форму выше, используя Polygon Элемент XAML и его атрибут Points выглядят следующим образом: <Polygon Points="10,0,100,0,110,10,110,50,100,60,10,60,0,50,0,10" />. Могу ли я использовать это Polygon или я могу достичь этого другим способом? Заранее спасибо за помощь!

Answer 1

Могу ли я использовать этот полигон

Конечно, UWP содержит класс Polygon, и вы можете использовать его напрямую. И this - это пример учебника, на который вы могли бы ссылаться.

И если вы хотите сделать Polygon содержимым для Button, вы можете сослаться на следующий код

<Button Background="Transparent" Visibility="Visible">
    <Button.Resources>
        <SolidColorBrush x:Key="ButtonBackgroundPointerOver" Color="Transparent" />
        <SolidColorBrush x:Key="ButtonForegroundPressed" Color="Transparent" />
        <SolidColorBrush x:Key="ButtonBorderBrushPointerOver" Color="Transparent" />
    </Button.Resources>
    <Grid>
        <Polygon Fill="Red" Points="10,0,100,0,110,10,110,50,100,60,10,60,0,50,0,10" />
        <TextBlock Text="Hello Btn" TextAlignment="Center" VerticalAlignment="Center" FontSize="22"/>
    </Grid>
</Button>