Shaded Relief, Slope

This samples demonstrates how to apply an ESRI.ArcGIS.Client RenderingRule class on an ArcGISImageServiceLayer to display imagery in different display formats. The raster functions used to display images include: ShadedRelief, Hillshade and Slope. To use the sample, choose the shaded relief or slope raster function (via the radio buttons), then define input properties and click Apply to see the changes.

XAML

<UserControl x:Class="ArcGISWPFSDK.ShadedReliefImageService"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:esri="http://schemas.esri.com/arcgis/client/2009">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.Resources>
            <LinearGradientBrush x:Key="PanelGradient" EndPoint="0.5,1" StartPoint="0.5,0">
                <LinearGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterY="0.5" CenterX="0.5"/>
                        <SkewTransform CenterY="0.5" CenterX="0.5"/>
                        <RotateTransform Angle="176" CenterY="0.5" CenterX="0.5"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </LinearGradientBrush.RelativeTransform>
                <GradientStop Color="#FF145787" Offset="0.16"/>
                <GradientStop Color="#FF3D7FAC" Offset="0.502"/>
                <GradientStop Color="#FF88C5EF" Offset="0.984"/>
            </LinearGradientBrush>
        </Grid.Resources>
        <esri:Map x:Name="MyMap" MinimumResolution="0.001">
            <esri:Map.Extent>
                <esri:Envelope XMin="-13252696.9772181" YMin="4334986.98647778" XMax="-13035597.7375257" YMax="4441723.50446743">
                    <esri:Envelope.SpatialReference>
                        <esri:SpatialReference WKID="102100"/>
                    </esri:Envelope.SpatialReference>
                </esri:Envelope>
            </esri:Map.Extent>
            <esri:ArcGISImageServiceLayer ID="ImageServiceLayer"  
                    Url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Earthquakes/CaliforniaDEM/ImageServer"  
                    ImageFormat="JPGPNG" InitializationFailed="Layer_InitializationFailed" />
            <esri:ArcGISTiledMapServiceLayer Opacity="100" 
                    Url="http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer" />
        </esri:Map>

        <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,10,10,0" >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,5">
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <Rectangle Fill="#FFFFFFFF" Stroke="DarkGray" RadiusX="5" RadiusY="5" Margin="10,10,10,15" />
            <StackPanel Orientation="Vertical" Margin="30,20,20,30" >
                <TextBlock x:Name="ResponseTextBlock" Text="Choose the shaded relief or slope raster function, then define input properties.  Click Apply to apply the changes." 
                           Width="200" TextAlignment="Left"  TextWrapping="Wrap" Margin="0,0,0,5" Foreground="Black"/>
                <StackPanel Orientation="Vertical">
                    <StackPanel Orientation="Horizontal" Margin="3">
                        <RadioButton x:Name="SRRadioButton" IsChecked="True" GroupName="RasterFunction" 
                                     Content="Shaded Relief"  Margin="3" />
                        <RadioButton x:Name="SlopeRadioButton" IsChecked="False" GroupName="RasterFunction" 
                                     Content="Slope"  Margin="3" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="3">
                        <TextBlock Text="Azimuth" VerticalAlignment="Center" Margin="3"  Foreground="Black"  />
                        <TextBox x:Name="AzimuthTextBox" Text="215" 
                                 IsEnabled="{Binding ElementName=SRRadioButton, Path=IsChecked}" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="3">
                        <TextBlock Text="Altitude" Margin="3" VerticalAlignment="Center"  Foreground="Black" />
                        <TextBox x:Name="AltitudeTextBox"  Text="60" 
                                 IsEnabled="{Binding ElementName=SRRadioButton, Path=IsChecked}"  Foreground="Black" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="3">
                        <TextBlock Text="ZFactor" VerticalAlignment="Center" Margin="3"  Foreground="Black" />
                        <TextBox x:Name="ZFactorTextBox" Text="3"  Foreground="Black" />
                    </StackPanel>
                    <CheckBox x:Name="ColormapCheckBox" IsChecked="True" Content="Use Colormap" Margin="3"
                              IsEnabled="{Binding ElementName=SRRadioButton, Path=IsChecked}"/>
                </StackPanel>
                <Button Content="Apply" Margin="0,5,5,0" Click="ApplyButton_Click"  />
            </StackPanel>
        </Grid>
    </Grid>
</UserControl>

C#

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using ESRI.ArcGIS.Client;

namespace ArcGISWPFSDK
{
    public partial class ShadedReliefImageService : UserControl
    {
        public ShadedReliefImageService()
        {
            InitializeComponent();
        }

        private void ApplyButton_Click(object sender, RoutedEventArgs e)
        {
            try
            {
                ArcGISImageServiceLayer imageLayer = MyMap.Layers["ImageServiceLayer"] as ArcGISImageServiceLayer;
                RenderingRule renderingRule = new RenderingRule();
                Dictionary<string, object> rasterParams = new Dictionary<string, object>();

                if (SRRadioButton.IsChecked.Value)
                {
                    renderingRule.RasterFunctionName = "ShadedRelief";
                    renderingRule.VariableName = "Raster";

                    rasterParams.Add("Azimuth", string.IsNullOrEmpty(AzimuthTextBox.Text) ? 0 : double.Parse(AzimuthTextBox.Text));
                    rasterParams.Add("Altitude", string.IsNullOrEmpty(AltitudeTextBox.Text) ? 0 : double.Parse(AltitudeTextBox.Text));
                    rasterParams.Add("ZFactor", string.IsNullOrEmpty(ZFactorTextBox.Text) ? 0 : double.Parse(ZFactorTextBox.Text));

                    if (ColormapCheckBox.IsChecked.Value)
                        rasterParams.Add("Colormap", CreateColorMap());
                    else
                    {
                        renderingRule.RasterFunctionName = "Hillshade";
                        renderingRule.VariableName = "DEM";
                    }
                    renderingRule.RasterFunctionArguments = rasterParams;
                }
                else
                {
                    renderingRule.RasterFunctionName = "Slope";
                    renderingRule.VariableName = "DEM";

                    rasterParams.Add("ZFactor", string.IsNullOrEmpty(ZFactorTextBox.Text) ? 0 : double.Parse(ZFactorTextBox.Text));

                    renderingRule.RasterFunctionArguments = rasterParams;
                }

                imageLayer.RenderingRule = renderingRule;
                imageLayer.Refresh();

            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message);
            }
        }

        private int[][] CreateColorMap()
        {
            int[][] sampleColormap = new int[][]{ 
        
            new int[]{0,175,240,233},
            new int[]{3,175,240,222},
            new int[]{7,177,242,212},
            new int[]{11,177,242,198},
            new int[]{15,176,245,183},
            new int[]{19,185,247,178},
            new int[]{23,200,247,178},
            new int[]{27,216,250,177},
            new int[]{31,232,252,179},
            new int[]{35,248,252,179},
            new int[]{39,238,245,162},
            new int[]{43,208,232,135},
            new int[]{47,172,217,111},
            new int[]{51,136,204,88},
            new int[]{55,97,189,66},
            new int[]{59,58,176,48},
            new int[]{63,32,161,43},
            new int[]{67,18,148,50},
            new int[]{71,5,133,58},
            new int[]{75,30,130,62},
            new int[]{79,62,138,59},
            new int[]{83,88,145,55},
            new int[]{87,112,153,50},
            new int[]{91,136,158,46},
            new int[]{95,162,166,41},
            new int[]{99,186,171,34},
            new int[]{103,212,178,25},
            new int[]{107,237,181,14},
            new int[]{111,247,174,2},
            new int[]{115,232,144,2},
            new int[]{119,219,118,2},
            new int[]{123,204,93,2},
            new int[]{127,191,71,2},
            new int[]{131,176,51,2},
            new int[]{135,163,34,2},
            new int[]{139,148,21,1},
            new int[]{143,135,8,1},
            new int[]{147,120,5,1},
            new int[]{151,117,14,2},
            new int[]{155,117,22,5},
            new int[]{159,115,26,6},
            new int[]{163,112,31,7},
            new int[]{167,112,36,8},
            new int[]{171,110,37,9},
            new int[]{175,107,41,11},
            new int[]{179,107,45,12},
            new int[]{183,105,48,14},
            new int[]{187,115,61,28},
            new int[]{191,122,72,40},
            new int[]{195,133,86,57},
            new int[]{199,140,99,73},
            new int[]{203,148,111,90},
            new int[]{207,153,125,109},
            new int[]{213,163,148,139},
            new int[]{217,168,163,160},
            new int[]{223,179,179,179},
            new int[]{227,189,189,189},
            new int[]{231,196,196,196},
            new int[]{235,207,204,207},
            new int[]{239,217,215,217},
            new int[]{243,224,222,224},
            new int[]{247,235,232,235},
            new int[]{251,245,242,245},
            new int[]{255,255,252,255}};
            return sampleColormap;
        }

        private void Layer_InitializationFailed(object sender, EventArgs e)
        {
            MessageBox.Show(String.Format("Layer {0} failed to initialize.", (sender as Layer).ID));
        }
    }
}

VB.NET

Imports System.Collections.Generic
Imports System.Windows
Imports System.Windows.Controls
Imports ESRI.ArcGIS.Client

Namespace ArcGISWPFSDK
    Partial Public Class ShadedReliefImageService
        Inherits UserControl
        Public Sub New()
            InitializeComponent()
        End Sub

        Private Sub ApplyButton_Click(sender As Object, e As RoutedEventArgs)
            Try
                Dim imageLayer As ArcGISImageServiceLayer = TryCast(MyMap.Layers("ImageServiceLayer"), ArcGISImageServiceLayer)
                Dim renderingRule As New RenderingRule()
                Dim rasterParams As New Dictionary(Of String, Object)()

                If SRRadioButton.IsChecked.Value Then
                    renderingRule.RasterFunctionName = "ShadedRelief"
                    renderingRule.VariableName = "Raster"

                    rasterParams.Add("Azimuth", If(String.IsNullOrEmpty(AzimuthTextBox.Text), 0, Double.Parse(AzimuthTextBox.Text)))
                    rasterParams.Add("Altitude", If(String.IsNullOrEmpty(AltitudeTextBox.Text), 0, Double.Parse(AltitudeTextBox.Text)))
                    rasterParams.Add("ZFactor", If(String.IsNullOrEmpty(ZFactorTextBox.Text), 0, Double.Parse(ZFactorTextBox.Text)))

                    If ColormapCheckBox.IsChecked.Value Then
                        rasterParams.Add("Colormap", CreateColorMap())
                    Else
                        renderingRule.RasterFunctionName = "Hillshade"
                        renderingRule.VariableName = "DEM"
                    End If
                    renderingRule.RasterFunctionArguments = rasterParams
                Else
                    renderingRule.RasterFunctionName = "Slope"
                    renderingRule.VariableName = "DEM"

                    rasterParams.Add("ZFactor", If(String.IsNullOrEmpty(ZFactorTextBox.Text), 0, Double.Parse(ZFactorTextBox.Text)))

                    renderingRule.RasterFunctionArguments = rasterParams
                End If

                imageLayer.RenderingRule = renderingRule

                imageLayer.Refresh()
            Catch ex As Exception
                MessageBox.Show(ex.Message)
            End Try
        End Sub

        Private Function CreateColorMap() As Integer()()

            Dim sampleColormap As Integer()() = New Integer()() {New Integer() {0, 175, 240, 233}, New Integer() {3, 175, 240, 222}, New Integer() {7, 177, 242, 212}, New Integer() {11, 177, 242, 198}, New Integer() {15, 176, 245, 183}, New Integer() {19, 185, 247, 178}, _
             New Integer() {23, 200, 247, 178}, New Integer() {27, 216, 250, 177}, New Integer() {31, 232, 252, 179}, New Integer() {35, 248, 252, 179}, New Integer() {39, 238, 245, 162}, New Integer() {43, 208, 232, 135}, _
             New Integer() {47, 172, 217, 111}, New Integer() {51, 136, 204, 88}, New Integer() {55, 97, 189, 66}, New Integer() {59, 58, 176, 48}, New Integer() {63, 32, 161, 43}, New Integer() {67, 18, 148, 50}, _
             New Integer() {71, 5, 133, 58}, New Integer() {75, 30, 130, 62}, New Integer() {79, 62, 138, 59}, New Integer() {83, 88, 145, 55}, New Integer() {87, 112, 153, 50}, New Integer() {91, 136, 158, 46}, _
             New Integer() {95, 162, 166, 41}, New Integer() {99, 186, 171, 34}, New Integer() {103, 212, 178, 25}, New Integer() {107, 237, 181, 14}, New Integer() {111, 247, 174, 2}, New Integer() {115, 232, 144, 2}, _
             New Integer() {119, 219, 118, 2}, New Integer() {123, 204, 93, 2}, New Integer() {127, 191, 71, 2}, New Integer() {131, 176, 51, 2}, New Integer() {135, 163, 34, 2}, New Integer() {139, 148, 21, 1}, _
             New Integer() {143, 135, 8, 1}, New Integer() {147, 120, 5, 1}, New Integer() {151, 117, 14, 2}, New Integer() {155, 117, 22, 5}, New Integer() {159, 115, 26, 6}, New Integer() {163, 112, 31, 7}, _
             New Integer() {167, 112, 36, 8}, New Integer() {171, 110, 37, 9}, New Integer() {175, 107, 41, 11}, New Integer() {179, 107, 45, 12}, New Integer() {183, 105, 48, 14}, New Integer() {187, 115, 61, 28}, _
             New Integer() {191, 122, 72, 40}, New Integer() {195, 133, 86, 57}, New Integer() {199, 140, 99, 73}, New Integer() {203, 148, 111, 90}, New Integer() {207, 153, 125, 109}, New Integer() {213, 163, 148, 139}, _
             New Integer() {217, 168, 163, 160}, New Integer() {223, 179, 179, 179}, New Integer() {227, 189, 189, 189}, New Integer() {231, 196, 196, 196}, New Integer() {235, 207, 204, 207}, New Integer() {239, 217, 215, 217}, _
             New Integer() {243, 224, 222, 224}, New Integer() {247, 235, 232, 235}, New Integer() {251, 245, 242, 245}, New Integer() {255, 255, 252, 255}}
            Return sampleColormap
        End Function

        Private Sub Layer_InitializationFailed(sender As Object, e As EventArgs)
            MessageBox.Show([String].Format("Layer {0} failed to initialize.", TryCast(sender, Layer).ID))
        End Sub
    End Class
End Namespace