Création d'une mise en page personnalisée

ArcGIS Viewer for Silverlight vous permet de créer et de personnaliser rapidement des applications cartographiques Web riches en réalisant une configuration entièrement interactive. La possibilité de changer la mise en page de la visionneuse pour adopter une des mises en page proposées, ou de créer votre propre mise en page sans écrire de code, est une personnalisation fondamentale.

Créer une mise en page personnalisée à l'aide du modèle Visual Studio

La procédure ci-dessous montre comment utiliser le modèle Visual Studio ArcGIS Viewer for Silverlight pour créer une mise en page personnalisée. Commencez par créer un projet avec le modèle de la visionneuse, puis personnalisez une des mises en page existantes comme vous le souhaitez. Pour plus d'informations sur le modèle de la visionneuse, reportez-vous à la rubrique Modèle Visual Studio.

Créer un projet

1. Démarrez Microsoft Visual Studio 2010, 2012 ou 2013.
2. Cliquez sur Fichier > Nouveau > Projet. La boîte de dialogue Nouveau projet s'affiche.
3. Dans la boîte de dialogue Nouveau projet, développez Visual C#, puis le nœud Silverlight.
4. Cliquez sur Esri sous le nœud Silverlight et sélectionnez Projet ArcGIS Viewer for Silverlight.
5. Tapez un nom pour le projet du complément dans la zone de texte Nom, puis cliquez sur OK.

   La solution du complément se charge avec trois projets : un projet contenant le code du complément, un autre contenant les mises en page et le dernier contenant le site Web d'une visionneuse. Chacun de ces projets renferme du code et des exemples pour vous aider à créer des outils, des comportements et des mises en page personnalisés.

   Si des avertissements surviennent, vous devrez peut-être commencer par compiler la solution.

   Remarque :

   Vous devrez peut-être installer Microsoft Silverlight Toolkit de CodePlex pour bénéficier de fonctions supplémentaires du kit de ressources.

Créer une mise en page personnalisée

Une fois le projet Visual Studio créé à l'aide du projet ArcGIS Viewer for Silverlight conformément à la procédure ci-dessus, procédez comme suit pour créer une mise en page personnalisée :

1. Dans le projet <NomProjet>.Layouts, développez le dossier Config, puis le dossier Layouts. Une copie de chacune des mises en page de la visionneuse (Accordion, Basic, Black Box, Black Box - Reverse, Floating Panels, Glass (default), Under Glow et Wings) est fournie.
2. Créez une copie d'une ou plusieurs de ces mises en page existantes pour commencer à créer votre mise en page personnalisée. Notez que chacune des mises en page existantes renferme des références aux dictionnaires de ressources partagés dans le dossier Layouts sur le disque. Les dictionnaires de ressources incluent Colors.xaml, HorizontalNavigationStyle.xaml etc..
3. Ouvrez le projet <NomProjet>.Layouts de la solution Visual Studio dans Microsoft Visual Studio, dans Microsoft Expression Blend ou les deux, pour créer votre mise en page personnalisée. Dans Expression Blend, vous devrez peut-être compiler le projet avant de le modifier.
4. Une fois la mise en page souhaitée créée, vous pouvez également inclure une image qui s'affichera comme aperçu dans la boîte de dialogue Choisir une mise en page. Créez une image au format .png dont la taille est de 650 x 400 pixels. Donnez au fichier .png le nom de votre fichier layout .xaml.
5. Copiez les fichiers layout .xaml et .png personnalisés dans <install directory>\Builder\Templates\Default\Config\Layouts. La nouvelle mise en page est automatiquement sélectionnée par l'application et est accessible dans la boîte de dialogue Choisir une mise en page (cliquez sur le bouton Modifier de l'onglet Mise en page).