Editor Widget

This sample demonstrates using the ArcGIS Runtime SDK for WPF to add, edit, move, delete, and save local features in two ArcGISLocalFeatureLayer using the ESRI.ArcGIS.Client.Toolkit EditorWidget.

The two editable local feature layers represent points of interest and fire evacuation areas. Use the symbol templates to add new local features. Use the tools to modify or delete existing features. Save your edits when finished to commit any updates to the database.

XAML

<UserControl x:Class="ArcGISWPFSDK.LocalEditorWidget"
           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>
            <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
            <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" WrapAround="True" Extent="-15000000,2000000,-7000000,8000000" Background="#FFE3E3E3" MinimumResolution="2445.98490512499">
            <esri:ArcGISLocalTiledLayer ID="BaseMap" Path="..\\Data\\TPKs\\Topographic.tpk"/>
            <esri:ArcGISLocalFeatureLayer ID="PointsofInterest" Path="..\\Data\\MPKS\\PointsofInterest.mpk" LayerName="PointsofInterest" AutoSave="False" Editable="True" OutFields="*"></esri:ArcGISLocalFeatureLayer>
            <esri:ArcGISLocalFeatureLayer ID="Evacuation" Path="..\\Data\\MPKS\\PointsofInterest.mpk" LayerName="Evacuation" AutoSave="False" Editable="True" OutFields="*"></esri:ArcGISLocalFeatureLayer>
        </esri:Map>

        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,15,15,0" Width="350" >
            <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" />
            <TextBlock x:Name="InformationText" Foreground="Black" Text="Editable feature layers represent points of interest and evacuation areas.  Use the symbol templates to add new features.  Use the tools to modify or delete existing features. Save your edits when finished to commit any updates to the database." 
                HorizontalAlignment="Center" VerticalAlignment="Top" TextAlignment="Left" Margin="30,20,20,30" TextWrapping="Wrap" />
        </Grid>

        <StackPanel  x:Name="EditorToolStrip" Margin="0,5,5,0" >
            <Border Background="{StaticResource PanelGradient}" CornerRadius="5"
                        HorizontalAlignment="Right"  VerticalAlignment="Top"
                        Padding="5" BorderBrush="Transparent">
                <Border.Effect>
                    <DropShadowEffect Color="Black" Direction="-45" BlurRadius="20" Opacity=".75" />
                </Border.Effect>
                <StackPanel Orientation="Vertical" HorizontalAlignment="Right" Margin="0,5,5,0"    VerticalAlignment="Top" >
                    <esri:EditorWidget x:Name="MyEditorWidget"
                             Map="{Binding ElementName=MyMap}" 
                                      Width="300" 
                                      AutoSelect="False"                                     
                                      ShowAttributesOnAdd="True"  
                                      Loaded="EditorWidget_Loaded"/>
                </StackPanel>
            </Border>
        </StackPanel>
        <ProgressBar x:Name="MyProgressBar" IsIndeterminate="True" VerticalAlignment="Bottom" Width="200" Height="20" Margin="10" Visibility="{Binding Path=IsBusy, Converter={StaticResource BooleanToVisibilityConverter}}"></ProgressBar>
    </Grid>
</UserControl>
  

C#

using System.Windows;
using System.Windows.Controls;
using ESRI.ArcGIS.Client.Local;
using System.ComponentModel;

namespace ArcGISWPFSDK
{
    public partial class LocalEditorWidget : UserControl, INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private bool _isBusy = true;

        public bool IsBusy
        {
            get
            {
                return _isBusy;
            }
            set
            {
                _isBusy = value;

                if (PropertyChanged != null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs("IsBusy"));
                }
            }
        }
  
        public LocalEditorWidget()
        {
            InitializeComponent();

            DataContext = this;

            LocalGeometryService.GetServiceAsync(serviceCallback => 
            {
                MyEditorWidget.GeometryServiceUrl = serviceCallback.UrlGeometryService;
            });

            MyMap.Layers.LayersInitialized += (o, evt) =>
            {
                IsBusy = false;
            };
        }

        private void EditorWidget_Loaded(object sender, RoutedEventArgs e)
        {
            string[] myLayerIDs = { "PointsofInterest", "Evacuation" };
            MyEditorWidget.LayerIDs = myLayerIDs;
        }
    }
}

VB.NET

Imports System.Windows
Imports System.Windows.Controls
Imports ESRI.ArcGIS.Client.Local
Imports System.ComponentModel

Namespace ArcGISWPFSDK
    Partial Public Class LocalEditorWidget
        Inherits UserControl
        Implements INotifyPropertyChanged

        Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged

        Private _isBusy As Boolean = True

        Public Property IsBusy() As Boolean
            Get
                Return _isBusy
            End Get
            Set(value As Boolean)
                _isBusy = value

                RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs("IsBusy"))
            End Set
        End Property
        Public Sub New()
            InitializeComponent()

            DataContext = Me

            Dim localGeometryService As LocalGeometryService = New LocalGeometryService

            AddHandler localGeometryService.StartCompleted, _
                Sub(s, eventArgs)
                    MyEditorWidget.GeometryServiceUrl = localGeometryService.UrlGeometryService()
                End Sub

            AddHandler MyMap.Layers.LayersInitialized, AddressOf map_LayersInitialized
        End Sub
        Private Sub map_LayersInitialized(sender As Object, e As EventArgs)

            IsBusy = False
        End Sub
        Private Sub EditorWidget_Loaded(sender As Object, e As RoutedEventArgs)
            Dim myLayerIDs As String() = {"PointsofInterest", "Evacuation"}
            MyEditorWidget.LayerIDs = myLayerIDs
        End Sub
    End Class
End Namespace