Use ScrollBar to Control the Size of an Ellipse : ScrollBar « Windows Presentation Foundation « VB.Net Tutorial

1. VB.Net Tutorial
2. Windows Presentation Foundation
3. ScrollBar

<Window x:Class="Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="UseScrollBar" Height="300" Width="300">
    <Canvas>
        <ScrollBar Name="sbrEllipseWidth" Margin="20,0,0,0" Width="100" Height="20"
            HorizontalAlignment="Left" VerticalAlignment="Top"
            Orientation="Horizontal" Value="50" Minimum="10" Maximum="150" />
        <ScrollBar Name="sbrEllipseHeight" Margin="0,20,0,0" Width="20" Height="100"
            HorizontalAlignment="Left" VerticalAlignment="Top"
            Orientation="Vertical" Value="20" Minimum="10" Maximum="150" />
        <Ellipse Fill="Blue" HorizontalAlignment="Left"
            Margin="20,20,0,0" 
            Height="{Binding ElementName=sbrEllipseHeight,Path=Value}" 
            Width="{Binding ElementName=sbrEllipseWidth,Path=Value}"/>
        <Label Canvas.Left="139" Canvas.Top="0" Content="{Binding ElementName=sbrEllipseWidth, Path=Value}" Height="29" Name="lblWidth" Width="66" />
        <Label Canvas.Left="0" Canvas.Top="139" Content="{Binding ElementName=sbrEllipseHeight, Path=Value}" Height="29" Name="lblHeight" Width="59" />
    </Canvas>
</Window>

16.18.ScrollBar
	16.18.1.	Use ScrollBar to Control the Size of an Ellipse