Blend renderer

This sample demonstrates how to use blend renderer on a raster layer. You can get a hillshade blended with either a colored raster or color ramp.

Apply blend renderer to a raster layer


Tap on the 'Update Renderer' button to change the settings for the blend renderer. The sample allows you to change the Altitude, Azimuth, SlopeType and ColorRamp. If you use None as the ColorRamp, a standard hill shade raster output is displayed. For all the other ColorRamp types an elevation raster is used.


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns=""
             Title="Raster layer (file)">
            <RowDefinition Height="40"/>
            <RowDefinition Height="40"/>
            <RowDefinition Height="90"/>
            <RowDefinition Height="90"/>
            <RowDefinition Height="60"/>
            <RowDefinition Height="*"/>
        <StackLayout Grid.Row="0" Orientation="Horizontal">
            <Label x:Name="Label_Altitude" Text="Altitude" Margin="10,5"/>
            <Slider x:Name="Altitude_Slider" WidthRequest="100"/>
        <StackLayout Grid.Row="1" Orientation="Horizontal">
            <Label x:Name="Label_Azimuth"  Text="Azimuth" Margin="10, 5"/>
            <Slider x:Name="Azimuth_Slider" WidthRequest="100"/>
        <StackLayout Grid.Row="2" Orientation="Horizontal">
            <Label x:Name="Label_SlopeTypes"  Text="Slope Type" Margin="10, 5" WidthRequest="80"/>
            <ListView x:Name="SlopeTypes" Margin="10,5" />
        <StackLayout Grid.Row="3" Orientation="Horizontal">
            <Label x:Name="Label_ColorRamps"  Text="Color Ramp" Margin="10, 5" WidthRequest="80"/>
            <ListView x:Name="ColorRamps" Margin="10,5" />
        <Button Grid.Row="4" x:Name="UpdateRenderer" Clicked="OnUpdateRendererClicked" Text="Update Renderer" IsEnabled="True" Margin="10,10" />
        <esriUI:MapView Grid.Row="5" x:Name="MyMapView" />

In this topic
  1. Instructions
  2. Code