Use Slider to control SkewTransform : Slider Data Binding « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Slider Data Binding
<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Label Content="AngleX" />
    <ScrollBar Name="xscroll" Orientation="Horizontal" Value="0" Minimum="-90" Maximum="90" />
    <TextBlock HorizontalAlignment="Center" Text="{Binding ElementName=xscroll, Path=Value}" />

    <Label Content="AngleY" />
    <ScrollBar Name="yscroll" Orientation="Horizontal" Value="0" Minimum="-90" Maximum="90" />
    <TextBlock HorizontalAlignment="Center" Text="{Binding ElementName=yscroll, Path=Value}" />

    <Label Content="CenterX" />
    <ScrollBar Name="xcenter" Orientation="Horizontal" Value="0" Minimum="-100" Maximum="100" /> 
    <TextBlock HorizontalAlignment="Center" Text="{Binding ElementName=xcenter, Path=Value}" />

    <Label Content="CenterY" />
    <ScrollBar Name="ycenter" Orientation="Horizontal" Value="0" Minimum="-100" Maximum="100" />
    <TextBlock HorizontalAlignment="Center" Margin="12" Text="{Binding ElementName=ycenter, Path=Value}" />

    <Canvas>
        <Button Name="btn" Content="Button" Canvas.Left="100" Canvas.Top="100">
            <Button.RenderTransform>
                <SkewTransform
                    AngleX="{Binding ElementName=xscroll, Path=Value}"
                    AngleY="{Binding ElementName=yscroll, Path=Value}" 
                    CenterX="{Binding ElementName=xcenter, Path=Value}"
                    CenterY="{Binding ElementName=ycenter, Path=Value}" />
            </Button.RenderTransform>
        </Button>

        <StackPanel>
            <TextBlock Text="{Binding ElementName=btn, Path=ActualWidth}" />
            <TextBlock Text="::" />
            <TextBlock Text="{Binding ElementName=btn, Path=ActualHeight}" />
        </StackPanel>
    </Canvas>
</StackPanel>
WPF Use Slider To Control Skew Transform




24.27.Slider Data Binding
24.27.1.Use Slider to control the ScaleTransformUse Slider to control the ScaleTransform
24.27.2.Use Slider to control SkewTransformUse Slider to control SkewTransform
24.27.3.Use Slider to control TranslateTransformUse Slider to control TranslateTransform
24.27.4.Use Slider to control the TransformationUse Slider to control the Transformation
24.27.5.Bind Slider value to TextBlockBind Slider value to TextBlock
24.27.6.Use Slider to control the BlurUse Slider to control the Blur
24.27.7.Use Slider to control Drop ShadowUse Slider to control Drop Shadow
24.27.8.Use Slider to control the EmbossUse Slider to control the Emboss
24.27.9.Use Slider to control the GlowUse Slider to control the Glow
24.27.10.Use Slider to control the BevelUse Slider to control the Bevel
24.27.11.Binding ProgressBar with SliderBinding ProgressBar with Slider
24.27.12.Two way data binding between Slider and ProgressBarTwo way data binding between Slider and ProgressBar
24.27.13.Use Slider to control Path ScalingUse Slider to control Path Scaling