Here we see how to create Button control and also
explains basic use of the Button control in xaml.
Button control
The Button control allows the user to click it
to perform an action. The Button control display with text and image.
Creating a Button in
XAML
The Button element represents a WPF Button control in XAML.
<Button
Content="Button"
Height="29"
Name="Button1"
Width="200"
/>
The Width and Height attributes of the Button element
represent the width and the height of a Button. The Content property of the
Button element sets the text of a button. Name attribute represents the name of
the control, which is a unique identifier of a control.
Figure1.gif
Important Properties - These are the important
properties of the Button control.
Width - Width property represents the
width of a Button.
Height - Height property represents the
height of a Button.
Content -
The text shown on the button.
Command - Gets or sets the command to
invoke when this button is pressed.
CommandParameter - CommandParameter is
used to pass parameter to the Command property.
ClickMode - Gets or sets when the Click
event occurs.
For example
creating two text boxes, one to input (Label) a
number and other to output (Label)a number and a Buttons.
XAML code
<Label
Content="Number"
Height="28"
HorizontalAlignment="Left"
Margin="10,10,0,0"
Name="Label1"
VerticalAlignment="Top"
/>
<Label
Content="Result"
Height="28"
HorizontalAlignment="Left"
Margin="10,48,0,0"
Name="Label2"
VerticalAlignment="Top"
/>
<TextBox
Height="23"
HorizontalAlignment="Left"
Margin="74,10,0,0"
Name="txtNumber"
VerticalAlignment="Top"
Width="120"
/>
<TextBox
Height="23"
HorizontalAlignment="Left"
Margin="74,48,0,0"
Name="txtResult"
VerticalAlignment="Top"
Width="120"
/>
<Button
Content="Cube"
Height="23"
HorizontalAlignment="Left"
Margin="74,96,0,0"
Name="cmdSquare"
VerticalAlignment="Top"
Width="141"
Background="red"
/>
Now the above code control looks like this.
Figure2.gif
Now double click on the simple button and add the
following code.
Private Sub cmdcube_Click(ByVal
sender As System.Object,
ByVal e As
System.Windows.RoutedEventArgs)
Handles cmdcube.Click
Dim num As Double = Double.Parse(txtNumber.Text)
Dim cu As Double = num * num * num
txtResult.Text = cu.ToString()
End Sub
Now run the application.
Figure3.gif
Now enter the value in the input box.
Figure4.gif