Crear un diseño personalizado

ArcGIS Viewer for Silverlight permite crear y personalizar rápidamente aplicaciones con altos contenidos de representaciones cartográficas web mediante una experiencia de configuración totalmente interactiva. Una personalización clave es la capacidad de cambiar el diseño del visor en cualquiera de todos los diseños proporcionados o crear el suyo propio, sin escribir ningún código.

Crear un diseño personalizado mediante la plantilla de Visual Studio

Los siguientes pasos muestran cómo utilizar la plantilla de Visual Studio ArcGIS Viewer for Silverlight para crear un diseño personalizado. Primero, cree un nuevo proyecto con la plantilla del visor y, a continuación, personalice uno de los diseños existentes como desee. Para obtener más información sobre la opción plantilla del Visor, consulte plantilla de Visual Studio.

Crear un nuevo proyecto

1. Inicie Microsoft Visual Studio 2010, 2012 o 2013.
2. Haga clic en Archivo > Nuevo > Proyecto. De este modo se abrirá el cuadro de diálogo Nuevo proyecto.
3. En el cuadro de diálogo Nuevo proyecto, expanda Visual C#y, a continuación, expanda el nodo Silverlight.
4. Haga clic en Esri bajo el nodo Silverlight y, a continuación, seleccione Proyecto de ArcGIS Viewer for Silverlight.
5. Asigne un nombre al proyecto de add-in en el cuadro de texto Nombre y, a continuación, haga clic en Aceptar.

   El add-in se cargará con tres proyectos: uno que contiene el código de add-in, otro que contiene los diseños y un tercero que contiene el sitio web del Visor. Cada uno de estos proyectos contiene un código y ejemplos para ayudarlo a comenzar a crear herramientas personalizadas, comportamientos, y diseños.

   Si hay alguna advertencia, es posible que necesite recopilar primero la solución.

   Nota:

   Es posible que necesite instalar el Kit de herramientas de Microsoft Silverlight de CodePlex para obtener una funcionalidad adicional del Kit de herramientas.

Crear un diseño personalizado

Una vez que haya creado un nuevo proyecto de Visual Studio mediante el proyecto de ArcGIS Viewer for Silverlight descrito anteriormente, efectúe el siguiente procedimiento para crear un diseño personalizado:

1. En el proyecto <ProjectName>.Layouts, expanda la carpeta de configuración y, a continuación, expanda la carpeta Diseños. Se proporciona una copia de cada uno de los diseños de visor (Accordion, Basic, Black Box, Black Box - Reverse, Floating Panels, Glass (predeterminado), Under Glow y Wings).
2. Cree una copia de cualquiera de estos diseños existentes como punto de partida para crear su diseño personalizado. Tenga en cuenta que cada uno de los diseños existentes contiene referencias a los diccionarios de recursos compartidos en la carpeta Diseños del disco. Estos diccionarios de recursos incluyen Colors.xaml, HorizontalNavigationStyle.xaml, y así sucesivamente.
3. Abra el proyecto <ProjectName>.Layouts de la solución de Visual Studio en Microsoft Visual Studio, Microsoft Expression Blend, o de ambos para crear su diseño personalizado. En Expression Blend, es posible que necesite recopilar el proyecto antes de editar.
4. Una vez que haya creado el diseño deseado, también puede incluir una imagen que se mostrará como una vista previa en el cuadro de diálogo Seleccionar diseño. Cree una imagen en formato .png con un tamaño de 650x400 píxeles. Nombre los archivos .png igual a su archivo de diseño .xaml.
5. Copie el diseño personalizado .xaml y los archivos .png en <directorio de instalación>\Builder\Templates\Default\Config\Layouts. El nuevo diseño lo selecciona automáticamente la aplicación y es accesible desde el cuadro de diálogo Seleccionar diseño (haga clic en el botón Cambiar en la pestaña Diseño).