The ScaleLine really seems to be a step backwards. Is there any way (i.e. an ACTUAL EXAMPLE) to get it to look and behave the way the ScaleBar did?
Yes, you can get it to look as the ScaleBar. The old scalebar style is just a particular case of the new scaleline control.The sample is given in the documentation. Define a scaleline style such as :
<Style x:Key="ScaleBarStyle" TargetType="esri:ScaleLine">
<Setter Property="Background" Value="White"/>
<Setter Property="TargetWidth" Value="150.0"/>
<Setter Property="FontSize" Value="10.0"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="esri:ScaleLine">
<StackPanel Name="LayoutRoot" Orientation="Horizontal">
<Grid VerticalAlignment="Center" Height="10" Width="{Binding MetricSize, RelativeSource={RelativeSource TemplatedParent}}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="2*"/>
<ColumnDefinition Width="5*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="1*"/>
<RowDefinition Height="1*"/>
</Grid.RowDefinitions>
<Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="0"/>
<Rectangle Fill="{TemplateBinding Background}" Grid.Row="0" Grid.Column="1"/>
<Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="2"/>
<Rectangle Fill="{TemplateBinding Background}" Grid.Row="0" Grid.Column="3"/>
<Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="4"/>
<Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="0"/>
<Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="1" Grid.Column="1"/>
<Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="2"/>
<Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="1" Grid.Column="3"/>
<Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="4"/>
</Grid>
<TextBlock Text="{Binding MetricValue, RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center" Margin="2,0"/>
<TextBlock Text="{Binding MetricUnit, RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center"/>
</StackPanel>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Then you can use it with code like :
<esri:ScaleLine Map="{Binding ElementName=MyMap}" Margin="10" HorizontalAlignment="Left" VerticalAlignment="Bottom" Style="{StaticResource ScaleBarStyle}" />
and you get this kind of scaleline: