Implements a TextBlock to Display Key Data Captured from a TextBox Control : TextBlock « UI Controls « Silverlight

1. Silverlight
2. UI Controls
3. TextBlock

Implements a TextBlock to Display Key Data Captured from a TextBox Control

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
     <Grid x:Name="LayoutRoot" Background="Black">
             <TextBlock x:Name="txt"
                        Foreground="Blue"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center"/>
             <TextBox x:Name="txtBox"
                      Height="30"
                      Width="30"
                      VerticalAlignment="Bottom"
                      HorizontalAlignment="Center">
             </TextBox>
     </Grid>
  </UserControl>

//File: Page.xaml.cs
 using System;
 using System.Windows;
 using System.Windows.Controls;
 using System.Windows.Input;

  namespace SilverlightApplication3
  {
     public partial class MainPage : UserControl
     {
         int txtSize = 10;

         public MainPage()
         {
             InitializeComponent();
             txtBox.KeyDown += new KeyEventHandler(myCanvas_KeyDown);
             txtBox.KeyUp += new KeyEventHandler(txtBox_KeyUp);

         }
         void myCanvas_KeyDown(object sender, KeyEventArgs e){
             txt.FontSize = txtSize;
             txt.Text = e.Key.ToString();
             txtBox.Text = "";
             txtSize += 5;
         }
         void txtBox_KeyUp(object sender, KeyEventArgs e){
             txt.Text = "";
             txtSize = 10;
         }
     }
 }

   
    
    
    
  

Related examples in the same category

1.	Implements the x:Name Attribute to a TextBlock and Button Element
2.	Creating a TextBlock
3.	To specify if the text should wrap to the next line if it is wider than the Width property
4.	Bind data to TextBlock
5.	Scaled text
6.	skewed text
7.	TextBlock wrapping example
8.	TextBlock alignment example
9.	TextBlock formatting example
10.	Animates the text block's color
11.	Animates the text block's opacity(fading text)
12.	Animates the text block's width
13.	Default underline decoration
14.	Default baseline decoration
15.	Default overline decoration
16.	TextBlock VerticalAlignment
17.	Add TextBlock into a Grid
18.	Use RenderTransform to transform a TextBlock
19.	Set Margins for TextBlock in Grid Resource
20.	Set TextWrapping to True for TextBlock
21.	Set Text value for TextBlock
22.	Set Foreground color for TextBlock
23.	Add Border to TextBlock
24.	TextBlock with DropShadowEffect
25.	A basic TextBlock in action
26.	A TextBlock with Inline elements
27.	Setting the Foreground of a TextBlock at design time
28.	Underlining text in a TextBlock.
29.	Wrapping text within a TextBlock
30.	Moving a TextBlock 5 pixels at a time by using the GetValue and SetValue methods
31.	To display a paragraph of text, you can use the TextBlock element
32.	To introduce additional paragraphs, you can use the LineBreak element:
33.	Use Line break to add new line to TextBlock
34.	Use Run to control the font style for TextBlock
35.	Set current time to TextBlock
36.	A basic TextBlock using the Canvas element Left and Top attached properties
37.	The effects of the Padding property on a TextBlock
38.	Adding a rounded rectangle background to a TextBlock element
39.	Use a gradient to paint TextBlock
40.	Reference static resource for TextBlock
41.	Set font size and font family for TextBlock
42.	Set foreground color to green for TextBlock
43.	Zoom a TextBlock
44.	Put Button and TextBlock to Canvas
45.	Put Run block to TextBlock
46.	Inherited formatting
47.	Gradient text