Crear un diseño personalizado

ArcGIS Viewer for Silverlight le permite crear rápidamente y personalizar aplicaciones ricas de representación cartográfica en la red utilizando una experiencia de configuración completamente 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 Silverlightpara 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.
2. Haga clic en Archivo > Nuevo > Proyecto. El cuadro de diálogo Nuevo proyecto aparece.
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 Viewer bajo el nodo de Silverlight y seleccionar Proyecto de ArcGIS Viewer for Silverlight.
5. Escriba un nombre para el proyecto add-in, en el cuadro de texto Nombre y haga clic en Aceptar.

   La solución del add-in se carga con tres proyectos: uno que contiene un código de add-in, uno que contiene los diseños y uno que contiene un 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 utilizando el proyecto de ArcGIS Viewer for Silverlight según se describió anteriormente, complete los siguientes pasos 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 (Acordeón, Básico, Cuadro negro, Cuadro negro - Invertido, Paneles flotantes, Cristal (predeterminado) Bajo incandescencia y Alas).
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 en el 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).