Home
WPF
Button Control Example
This page was last reviewed on Jun 28, 2021.
Dot Net Perls
Button, WPF. With a Button, we provide a visual indication of our program's functionality. When the user clicks on a button, something happens.
Shows a buttonShows a button
Notes, event handler. We use an event handler in C# when the click occurs. This is the Button_Click event handler. Properties, like IsEnabled are also useful.
Event handler. In Button_Click we can execute C# code. Here we set the Title of the Window (referenced by "this") to a new string value. This string appears after the button is clicked.
<Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <Button Content="Button" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/> </Grid> </Window>
using System.Windows; namespace WpfApplication1 { /// <summary> /// Interaction logic for MainWindow.xaml /// </summary> public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void Button_Click(object sender, RoutedEventArgs e) { this.Title = "Clicked"; } } }
Getting started. In the designer view of your WPF window, add a Button. Locate the Button in the Toolbox panel. We find the XAML markup changes and a Button element is inserted.
Next We want to make the Button do something when the user clicks on it. We must modify the XAML markup.
So Near the end of the Button element, add the Click attribute. Visual Studio will offer the option to make a new event handler.
ToolTip
IsEnabled
Shows a button
Padding: Adds whitespace inside the button Click: Allows you to specify an event handler for the Clicked event HorizontalAlignment, VerticalAlignment: With these properties, we can anchor, center, or stretch Buttons IsEnabled: We use the IsEnabled property to disable a button This makes it unusable ToolTip: A Button can have a ToolTip The ToolTip helps indicate what a control (like a Button) does
Padding. This adds space inside the control. With 1 Padding value, all sides are spaced evenly. With 4 values, the values are used for the left, top, right and bottom.
Here We apply four different padding values to a button. Each side of the button (in the screenshot) has a different padding.
Shows a button
<Window x:Class="WpfApplication15.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <Button Content="Button" HorizontalAlignment="Left" Margin="10" VerticalAlignment="Top" Padding="10,20,30,40"/> </Grid> </Window>
A summary. We created a Button in a WPF program. We linked this Button to an event handler. Our program modifies its state (its Window Title) whenever a specific action (a click) occurs.
Dot Net Perls is a collection of tested code examples. Pages are continually updated to stay current, with code correctness a top priority.
Sam Allen is passionate about computer languages. In the past, his work has been recommended by Apple and Microsoft and he has studied computers at a selective university in the United States.
This page was last updated on Jun 28, 2021 (edit).
Home
Changes
© 2007-2024 Sam Allen.