Creating a custom-shaped button with one rounded corner

by

You could use a ControlTemplate to achieve that:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Black"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Path Fill="{TemplateBinding Background}"
                            Data="M 0,0 A 100,100 90 0 0 100,100 L 100,100 100,0" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Than you apply it to the button:

<Button Style="{StaticResource ButtonStyle}"/>

If you need some references to draw the “Path” check this MSDN link.

Update

To show the content you should use a ContentPresenter, something like this:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Black"/>
        <Setter Property="HorizontalAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Path Fill="{TemplateBinding Background}"
                            Data="M 0,0 A 100,100 90 0 0 100,100 L 100,100 100,0" />
                        <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                          HorizontalAlignment="{TemplateBinding HorizontalAlignment}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

In the button:

<Button Style="{StaticResource ButtonStyle}" Foreground="White">
        test
    </Button>

enter image description here

More Related Contents:

  1. How to bind to a PasswordBox in MVVM
  2. How to get children of a WPF container by type?
  3. RichTextBox (WPF) does not have string property “Text”
  4. Formatting text in a TextBlock
  5. Where can I find a free masked TextBox in WPF? [closed]
  6. ItemsControl with horizontal orientation
  7. Content of a Button Style appears only in one Button instance
  8. How to display items in Canvas through Binding
  9. Set Item Focus in ListView WPF
  10. How to create an image of a WPF UserControl at runtime
  11. Can I use NotifyIcon in WPF?
  12. Get the item doubleclick event of listview
  13. Saving values from arraylist to txt C# [closed]
  14. Closing a window in WPF
  15. Change DataGrid cell colour based on values
  16. Storing WPF Image Resources
  17. Setting WPF image source in code
  18. Callback when dependency property recieves xaml change
  19. Hosting external app in WPF window
  20. Getting the application’s directory from a WPF application
  21. Does XAML have a conditional compiler directive for debug mode?
  22. C# – approach for saving user settings in a WPF application?
  23. WPF Image to byte[]
  24. Implementing CollectionChanged
  25. How can a WPF UserControl inherit a WPF UserControl?
  26. WPF controls needed to build chess application
  27. Accessing a resource via codebehind in WPF
  28. WPF – Set Focus when a button is clicked – No Code Behind
  29. How could I put a border on my grid control in WPF?
  30. Can I somehow temporarily disable WPF data binding changes?

Leave a Comment