1 <UserControl 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 6 xmlns:esri="http://schemas.esri.com/arcgis/client/2009" 7 xmlns:esriBehaviors="clr-namespace:ESRI.ArcGIS.Client.Behaviors;assembly=ESRI.ArcGIS.Client.Behaviors" 8 xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 9 x:Class="NavigationAction.MainPage" 10 mc:Ignorable="d" 11 d:DesignHeight="300" d:DesignWidth="400"> 12 13 <Grid x:Name="LayoutRoot" Background="White"> 14 <Grid.Resources> 15 <LinearGradientBrush x:Key="CommonGradient" StartPoint="0.5,0" EndPoint="0.5,1"> 16 <GradientStop Offset="0" Color="#99919191"/> 17 <GradientStop Offset="0.25" Color="#aa919191"/> 18 <GradientStop Offset="0.75" Color="#cc919191"/> 19 </LinearGradientBrush> 20 <Style x:Key="CommonBorder" TargetType="Border"> 21 <Setter Property="BorderBrush" Value="White" /> 22 <Setter Property="BorderThickness" Value="1" /> 23 <Setter Property="CornerRadius" Value="5" /> 24 <Setter Property="Background" Value="{StaticResource CommonGradient}" /> 25 <Setter Property="Opacity" Value="1" /> 26 </Style> 27 <Style x:Key="MenuItem" TargetType="Button"> 28 <Setter Property="Foreground" Value="White"/> 29 <Setter Property="HorizontalAlignment" Value="Left"/> 30 <Setter Property="VerticalAlignment" Value="Center"/> 31 <Setter Property="HorizontalContentAlignment" Value="Left"/> 32 <Setter Property="FontSize" Value="12" /> 33 <Setter Property="Template"> 34 <Setter.Value> 35 <ControlTemplate TargetType="Button"> 36 <Grid> 37 <VisualStateManager.VisualStateGroups> 38 <VisualStateGroup x:Name="CommonStates"> 39 <VisualState x:Name="Normal"> 40 <Storyboard> 41 <DoubleAnimation To="0" FillBehavior="HoldEnd" 42 Storyboard.TargetName="menuItemHighlight" 43 Storyboard.TargetProperty="Opacity" 44 Duration="0:0:0.3" /> 45 </Storyboard> 46 </VisualState> 47 <VisualState x:Name="MouseOver"> 48 <Storyboard> 49 <DoubleAnimation To="0.15" FillBehavior="HoldEnd" 50 Storyboard.TargetName="menuItemHighlight" 51 Storyboard.TargetProperty="Opacity" 52 Duration="0:0:0.3" /> 53 </Storyboard> 54 </VisualState> 55 </VisualStateGroup> 56 </VisualStateManager.VisualStateGroups> 57 <Rectangle x:Name="menuItemHighlight" Fill="#FFFFFFFF" 58 Opacity="0" Margin="0" /> 59 <ContentPresenter 60 Content="{TemplateBinding Content}" 61 ContentTemplate="{TemplateBinding ContentTemplate}" 62 VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 63 HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 64 Margin="{TemplateBinding Padding}" /> 65 </Grid> 66 </ControlTemplate> 67 </Setter.Value> 68 </Setter> 69 </Style> 70 </Grid.Resources> 71 72 <esri:Map x:Name="MyMap" WrapAround="True" Extent="-15000000,2000000,-7000000,8000000"> 73 <esri:ArcGISTiledMapServiceLayer ID="MyBaseLayer" 74 Url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" /> 75 </esri:Map> 76 77 <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Width="Auto" Height="Auto" Margin="10" > 78 <Border Style="{StaticResource CommonBorder}" Padding="10,3,10,3"> 79 <Border.Effect> 80 <DropShadowEffect /> 81 </Border.Effect> 82 <StackPanel> 83 <TextBlock Text="Navigation Actions" Foreground="White" FontSize="14" FontWeight="Bold" Margin="4" /> 84 <Button Style="{StaticResource MenuItem}" 85 Content="Pan To" > 86 <i:Interaction.Triggers> 87 <i:EventTrigger EventName="Click"> 88 <esri:PanToAction 89 TargetName="MyMap"> 90 <esri:PanToAction.Geometry> 91 <esri:MapPoint X="-12340000" Y="4340000" /> 92 </esri:PanToAction.Geometry> 93 </esri:PanToAction> 94 </i:EventTrigger> 95 </i:Interaction.Triggers> 96 </Button> 97 <Button Style="{StaticResource MenuItem}" 98 Content="Zoom To" > 99 <i:Interaction.Triggers> 100 <i:EventTrigger EventName="Click"> 101 <esri:ZoomToAction 102 TargetName="MyMap"> 103 <esri:ZoomToAction.Geometry> 104 <esri:Envelope XMin="-14930991.170" YMin="3611744.037" XMax="-11348896.882" YMax="5340571.181" /> 105 </esri:ZoomToAction.Geometry> 106 </esri:ZoomToAction> 107 </i:EventTrigger> 108 </i:Interaction.Triggers> 109 </Button> 110 <Button Style="{StaticResource MenuItem}" 111 Content="Zoom To Full Extent" > 112 <i:Interaction.Triggers> 113 <i:EventTrigger EventName="Click"> 114 <esri:ZoomToFullExtentAction 115 TargetName="MyMap" /> 116 </i:EventTrigger> 117 </i:Interaction.Triggers> 118 </Button> 119 </StackPanel> 120 </Border> 121 </Grid> 122 123 124 125 </Grid> 126 </UserControl>