This page comes from Stream

= WPF Basic Controls = == Border == ''Border'' control with rounder corners:

''Border'' control using ''Style'' to apply rounded corners:

''Border'' with header region:

''Border'' with some style:



 
    
        
            
                
                    
                    
                    
                    
                
            
            
        
        Data Here...

''Border'' with ''DropShadowEffect'':

== Button or ToggleButton == Standard button:

Button with gradient background style:

...

A ''Button'' with shadow bitmap effect:

A button style:

Possible bitmap effects: * ''DropShadowEffect'' * ''BlurEffect'' * [[http://msdn.microsoft.com/en-us/library/ms752092.aspx|Bitmap Effects How-to Topics]] * [[http://www.designerwpf.com/2008/02/08/wpf-drop-shadows-on-the-cheap|WPF Drop Shadows on the Cheap]] Reflection effect:

For programmatically clicking on a button:


myButton.RaiseEvent(new RoutedEventArgs(Button.ClickEvent));

Tooltips on a button:

More Creative: * [[swdev:dotnet:Drop Down Button]] == Cursor == Changing cursors programmatically (eg: pen, cross, scroll, etc.):


this.Cursor = Cursors.None;

Using custom cursors:


this.Cursor = new Cursor("CustomCursorImage.jpg");

Using custom cursors via XAML:

...

Or paint directly to a ''Canvas'':

== Polygon == Creating polygons with behavior. In this example, some triangles working as thumbnails:

Supporting C# code:


private void thumbBinauralUp_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    // Do work here
    MessageBox.Show("Binaural Up");
}

private void thumbLeftUp_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    // Do work here
    MessageBox.Show("Left Up");
}

== ProgressBar== ''ProgressBar'' example using dynamic resources:

== RadioButton == To group several ''RadioButton''s, make them part of the same group:

To determine which ''RadioButton'' was selected in a group:


private void RadioButton_Click(object sender, RoutedEventArgs e)
{
   if( btnMem1.IsChecked == true)
   {
       MessageBox.Show(btnMem1.Content.ToString());
   }
   else if (btnMem2.IsChecked == true)
   {
       MessageBox.Show(btnMem2.Content.ToString());
   }
   else if (btnMem3.IsChecked == true)
   {
       MessageBox.Show(btnMem3.Content.ToString());
   }
   else
   {
       MessageBox.Show(btnMem4.Content.ToString());
   }    
}

== Rectangle == A ''Rectangle'' geometric figure:

== Slider == ''Slider'' example:

And some sample code to handle the slider changes:


void slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs e)
{
    double value = e.NewValue;

    ImageBrush imageBrush = this.FindName("imageBrush") as ImageBrush;
    imageBrush.Viewbox = new Rect(0.3, 0.3, 1 / value, 1 / value);
}

References: * [[http://nayyeri.net/slider-control-in-windows-presentation-foundation|Slider Control in WPF]] * [[http://codingsense.wordpress.com/2010/02/01/customize-a-slider-in-wpf-step-by-step-tutorial/|Customize a Slider in WPF]] == TabControl == ''TabControl'' with ''TabItem'' on the right side:

References * [[http://stackoverflow.com/questions/189370/how-to-put-wpf-tab-control-tabs-on-the-side|How to put WPF tab control tabs on the side]] == TextBlock == ''TextBlock'' with linebreak:



  Hello  World!

''TextBlock'' with space and newline preservation:



     Hello 
     World!

''TextBlock'' with truncated text showing tooltip displaying full text :



This is a long sentence with text.

Alternatively, use a behavior: [[http://tranxcoder.wordpress.com/2008/10/12/customizing-lookful-wpf-controls-take-2|Customizing "Lookful" WPF controls]] == TextBox == ''TextBox'' that has auto highlighted text when control gains focus:

Code to highlight:


///----------------------------------------------------------------------------------------
/// 
/// Highlight text in a textbox control when control gains focus.
/// 
/// 
/// 
///----------------------------------------------------------------------------------------
private void txtbox_GotFocus(object sender, RoutedEventArgs e)
{
    //textbox.SelectionStart = 0;
    //textbox.SelectionLength = textbox.Text.Length;
    ((TextBox)sender).SelectionStart = 0;                               // Start selection at beginning.
    ((TextBox)sender).SelectionLength = ((TextBox)sender).Text.Length;  // Length of text in Text1.
}

''TextBox'' with a scrollbar:


This is a TextBox

== TreeView ==



private void treeFittingOperations_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs