Simple example of TextBox control in WPF

By Mahak Gupta Apr 20, 2012
Here we look at a simple example of textbox Control in WPF.
Download Files: TextBoxControlInWPF.

When we set the value of the Color in three TextBoxes (Red, Green, Blue) and when we click on the Button the color of the Rectangle will be change. Here we use the Color.FromArgb property of the SolidColorBrush Pattern

For This, First we define the three TextBlocks and TextBoxes for Red, Green and Blue ( txtRedColor, txtRedColor)

<StackPanel Orientation="Horizontal" Margin="9,0,13,0">
      <TextBlock VerticalAlignment="Center" Text="Red Color" Margin="5"></TextBlock>
      <TextBox Name="txtRedColor" Height="25" Width="50"></TextBox>
      <TextBlock VerticalAlignment="Center" Text="Green Color" Margin="5"></TextBlock>
      <TextBox Name="txtGreenColor" Height="25" Width="50"></TextBox>
      <TextBlock VerticalAlignment="Center" Text="Blue Color" Margin="5"></TextBlock>
      <TextBox Name="txtBlueColor" Height="25" Width="50"></TextBox>
</StackPanel>

Now we take a Button Control and a Rectangle:

<Button Name="btnchangeRect" Content="Change Color" Grid.Row="1" Width="100" Height="25"></Button>
<Rectangle Name="rect" Grid.Row="1" Stroke="Azure" StrokeThickness="5" Margin="14,0,26,0" Height="18"
VerticalAlignment="Bottom"></Rectangle>

Here is the Output:

colorslider1.png

Now we create an EventHandler for the Button control, Here we write the Following Code after the InitializeComponent() in the .cs page

this.btnchangeRect.Click += new RoutedEventHandler(btnchangeRect_Click);

After that we write the code for the Event handler:

void btnchangeRect_Click(object sender, RoutedEventArgs e)
{
    this.rect.Fill = new SolidColorBrush(
    Color.FromArgb(
    255,
   
byte.Parse(this.txtRedColor.Text),
   
byte.Parse(this.txtGreenColor.Text),
   
byte.Parse(this.txtBlueColor.Text)
));

Here Color.FromArgb is used to Set the Color property of SolidColorBrush. Each Color value is in between 0-255. Here R denotes to red, B denotes to Blue, and G denotes to Green.And A is for alpha, which manitains the transparency of the color, So if here we use the value 0 for the complete transparent color.

Here we set the A to 255and set the other three properties( R,G,B) according to the TextBoxes value.
 
colorslider2.png

Mahak Gupta

My name is Mahak Gupta. I am a C# Corner MVP.

COMMENT USING

PREMIUM SPONSORS

Hire Mobile & Web Developer on demand. 100% satisfaction. Try for 1 week or Money Back. Local and remote developers available all over USA.

Latest Blogs