WPF Shaped Button – Visaul Studio/Blend

by

You need to create a ControlTemplate for the Button. This can be done both in Blend and Visual Studio. I did it in VS2015.
Here is your code:

But, for the future, try to do some work yourself before posting the question. Include just enough code to allow others to reproduce the problem. For help with this, read How to create a Minimal, Complete, and Verifiable example.

<Grid Background="Red">
    <Button Height="52" Opacity="0.8">
        <Button.Style>
            <Style TargetType="Button">
                <Setter Property="Background">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" >
                            <GradientStop Color="#053755" Offset="0" />
                            <GradientStop Color="#053755" Offset="0.5" />
                            <GradientStop Color="#061F31" Offset="0.5" />
                            <GradientStop Color="#061F31" Offset="1.0" />
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <Border Margin="-1,0" Grid.Column="1" Background="{TemplateBinding Background}"  BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,1">
                                    <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" Content="{TemplateBinding Content}"/>
                                </Border>
                                <Path Fill="{TemplateBinding Background}" Data="M13,0 0,25 0,27 13,52 13,52" Stroke="{TemplateBinding BorderBrush}" Width="13" Stretch="Fill" ClipToBounds="True"/>
                                <Path Grid.Column="2" Data="M0,0 13,25 13,27 0,52" Stroke="{TemplateBinding BorderBrush}" Fill="{TemplateBinding Background}" Width="13" Stretch="Fill" ClipToBounds="True"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Button.Style>
    </Button>
</Grid>

More Related Contents:

  1. Data binding to SelectedItem in a WPF Treeview
  2. Binding a WPF ComboBox to a custom list
  3. How do I bind a WPF DataGrid to a variable number of columns?
  4. Creating Scheduled Tasks
  5. Execute task in background in WPF application
  6. How do you animate a line on a canvas in C#?
  7. How do you do AppBar docking (to screen edge, like WinAmp) in WPF?
  8. disable mouse wheel on itemscontrol in wpf
  9. Validation Error Style in WPF, similar to Silverlight
  10. Can bindings create memory leaks in WPF?
  11. how to capture the ‘#’ character on different locale keyboards in WPF/C#?
  12. What’s the best way to pass event to ViewModel?
  13. Creating Diagonal Pattern in WPF
  14. Image in WPF Button not Visible at Runtime
  15. caliburn.micro serialization issue when implementing PropertyChangedBase
  16. How to format TimeSpan in XAML
  17. WPF TextBlock memory leak when using Font
  18. How to get DPI scale for all screens?
  19. WPF ListView: Attaching a double-click (on an item) event
  20. MVVM Light RelayCommand Parameters
  21. Binding SelectedItems of ListView to ViewModel
  22. Mvvm model ViewModel
  23. The name “XYZ” does not exist in the namespace “clr-namespace:ABC”
  24. Merge Cells in WPF DataGrid
  25. How to deactivate “right click” on WPF Webbrowser Control?
  26. WPF TwoWay Binding to a static class Property
  27. PropertyChanged for indexer property
  28. How to detect multiple keys down onkeydown event in wpf?
  29. Making specific Text Boldefaced in a TextBox
  30. WPF Dispatcher {“The calling thread cannot access this object because a different thread owns it.”}

Leave a Comment