Beginning Silverlight 2.0 Development using Visual Studio 2008 - Explaining the code
(Page 4 of 6 )
Let us try to understand the previously tested project. If you open Page.xaml, you should see a “Canvas” object as follows:
<Canvas Margin="30,26,31,34">
</Canvas>
Canvas is simply a layout control. A layout control acts as a container to hold a few more child controls along with size and positioning. There exist a few more layout controls in Silverlight like Grid, StackPanel etc. I will cover those in my upcoming articles.
The Button control gets created using the following markup:
<Button Height="31" Width="113" Canvas.Left="102" Canvas.Top="21" Content="Disp Message" x:Name="btnShow" Click="btnShow_Click"/>
The name of the button is defined by using the “x:Name” attribute. Its positioning is currently defined with respect to its container (Canvas). It is currently associated with a click event handler named “btnShow_Click.”
The Textbox control gets created using the following markup:
<TextBox Height="25" Width="168" Canvas.Left="71" Canvas.Top="82" Text="" TextWrapping="Wrap" Background="#FFFFFFFF" x:Name="txtFirst"/>
This is also very similar to the previous Button control except that it is defined with its own background color and name. As we currently don’t need to handle any event with respect to this control, we simply don’t mention any of its events.
When the button is hit, it executes the following code:
Private Sub btnShow_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
Me.txtFirst.Text = "Hello world"
End Sub
The above code is quite clear. It simply assigns the message “Hello world” to the text box named “txtFirst.”
You can also dynamically modify the properties of a control dynamically as shown below:
Private Sub btnShow_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
Me.txtFirst.Background = New SolidColorBrush(Colors.Blue)
Me.txtFirst.Foreground = New SolidColorBrush(Colors.Yellow)
Me.txtFirst.Text = "Hello world"
End Sub
Once you execute the above, you should have the following output (Fig 07):
Next: Basic Data Binding in Silverlight 2.0 >>
More BrainDump Articles
More By Jagadish Chaterjee
