Bind Slider value to TextBlock : Slider « Windows Presentation Foundation « C# / C Sharp

1. C# / C Sharp
2. Windows Presentation Foundation
3. Slider

Bind Slider value to TextBlock

    



<Window  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="SDKSample.Pane1">

    <StackPanel>
      <TextBlock Margin="0,10,0,0"  Foreground="Blue">
      <TextBlock Text="(Height,Width) = "/>
      <TextBlock Text="{Binding ElementName=RectangleHeight,Path=Value}"/>
      ,
      <TextBlock Text="{Binding ElementName=RectangleWidth,Path=Value}"/>
    </TextBlock>

    <TextBlock Margin="10,10,0,0">Height</TextBlock>
    <Slider Name="RectangleHeight"  Margin="10, 0, 0, 0" 
      Width="100" Orientation="Horizontal" HorizontalAlignment="Left" 
      Value="50" Minimum="0" Maximum="200" 
      SmallChange="1" LargeChange="10"
      TickPlacement="BottomRight" TickFrequency="10"/>
    <TextBlock Margin="10,0,0,0">Width</TextBlock>
    <Slider Name="RectangleWidth" Margin="10, 0, 0, 0" 
      Width="100" Orientation="Horizontal" HorizontalAlignment="Left" 
      Value="50" Minimum="0" Maximum="200"
      SmallChange="1" LargeChange="10"
      TickPlacement="BottomRight" TickFrequency="10"/>
        <Rectangle Fill="Blue" HorizontalAlignment="Left" 
               Margin="50,20,0,0" 
               Height="{Binding ElementName=RectangleHeight,Path=Value}" 
               Width="{Binding ElementName=RectangleWidth,Path=Value}"/>
    </StackPanel>

</Window>
  

   
    
    
    
  

Related examples in the same category

1.	Use Slider to control the ScaleTransform
2.	Use Slider to control SkewTransform
3.	Use Slider to control TranslateTransform
4.	Use Slider to control the Transformation
5.	Use Slider to control the Blur
6.	Use Slider to control Drop Shadow
7.	Use Slider to control the Emboss
8.	Use Slider to control the Glow
9.	Use Slider to control the Bevel
10.	Vertical/Horizontal Slider
11.	TickPlacement and TickFrequency for Slider
12.	Binding ProgressBar with Slider
13.	Two way data binding between Slider and ProgressBar
14.	Set Minimun/Maximum value for Slider
15.	Use Slider to control Path Scaling
16.	Add a slider control and a border control to the content of the StackPanel, and add a canvas to the border control.
17.	Slider Attributes
18.	Get User Input from a Slider
19.	slider value changed event