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






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Slider Data Binding
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="XAML PhotoGallery">
  <Page.Resources>
    <ScaleTransform x:Key="transform" ScaleX="3" ScaleY="{Binding Path=ScaleX, RelativeSource={RelativeSource Self}}"/>
    <LinearGradientBrush x:Key="shinyBrush" StartPoint="0,0" EndPoint="0,1">
      <GradientStop Offset="0" Color="Gray"/>
      <GradientStop Offset="0.3" Color="#FF222222"/>
      <GradientStop Offset="0.3" Color="Black"/>
      <GradientStop Offset="0.9" Color="Black"/>
      <GradientStop Offset="0.9" Color="#FF222222"/>
      <GradientStop Offset="1" Color="Gray"/>
    </LinearGradientBrush>
  </Page.Resources>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="50"/>
      <RowDefinition/>
      <RowDefinition Height="55"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="70"/>
      <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Rectangle Grid.ColumnSpan="3" Fill="{StaticResource shinyBrush}"/>
    <Rectangle Grid.Row="2" Grid.ColumnSpan="3" Fill="{StaticResource shinyBrush}"/>
    <Grid Grid.Row="1" Background="White">
      <Slider Margin="20" Orientation="Vertical" Value="{Binding Path=ScaleX, Source={StaticResource transform}, Mode=TwoWay}" Minimum="1" Maximum="10" Height="100"/>
    </Grid>
    <ListBox x:Name="pictureBox" Background="AliceBlue" Grid.Row="1" Grid.Column="1" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
      <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
          <WrapPanel/>
        </ItemsPanelTemplate>
      </ListBox.ItemsPanel>

  <Image Source="c:\image.jpg" Margin="3,8" Height="35" LayoutTransform="{StaticResource transform}"/>
    </ListBox>
  </Grid>
</Page>
WPF Use Slider To Control Path Scaling




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