---
title: "Détection automatique des liens pour les applications mobiles"
date: "2019-03-20"
categories: 
  - "mobile"
  - "mobile-development"
  - "mobiletogether"
  - "tools"
tags: 
  - "app-development"
  - "mobile-development"
  - "mobiletogether"
  - "mobiletogether-server"
  - "mobiletogether-simulator"
description: Altova MobileTogether détecte automatiquement les liens, ce qui améliore le développement d'applications mobiles en permettant de rendre les URL et les adresses e-mail cliquables sans nécessiter de code supplémentaire.
---
Status: #blog

Tags:  #app-development #mobile-development #mobiletogether #mobiletogether-server #mobiletogether-simulator

Categories: [mobile-development](/blog/fr/category/mobile-development.md) | [low-code+no-code](/blog/fr/category/low-codeno-code.md) 
# Détection automatique des liens pour les applications mobiles

L'intégration entre une application mobile et les vastes ressources d'information du réseau mondial améliore l'expérience utilisateur, la rendant plus pratique et réactive, en particulier lorsque le contenu web ciblé est fréquemment mis à jour.

La dernière version de MobileTogether, la plateforme de développement low-code d'Altova, est.. [Framework de développement mobile multiplateforme](https://www.altova.com/fr/mobiletogether), Comprend une prise en charge de la détection automatique des liens, notamment des URL et des adresses e-mail, dans les étiquettes. Cliquer ou toucher le lien ouvre la page web correspondante dans une fenêtre de navigateur, ou bien crée un nouveau message brouillon dans l'application de messagerie de l'appareil, le tout dans une nouvelle fenêtre, sans quitter l'application mobile. Aucune modification de code particulière n'est nécessaire de la part du développeur.

![Utilisateur interagissant avec l'application](/blog/images/shutterstock_160560011-1.jpg)

Voyons comment cela fonctionne.

<!--more-->

Dans MobileTogether, une étiquette est un élément de contrôle de mise en page qui contient du texte. Sa longueur peut varier d'un simple caractère à plusieurs lignes d'informations détaillées. Le contenu peut être statique, c'est-à-dire prédéfini par le développeur, ou dynamique, basé sur un élément source de la page ou une valeur calculée.

Les étiquettes peuvent être limitées à une seule ligne, peuvent s'étendre en fonction de la quantité de texte, ou le développeur peut définir un nombre maximal de lignes affichées, offrant ainsi une plus grande flexibilité lors de la conception de l'interface utilisateur d'une application.

Chaque étiquette possède des propriétés définies individuellement, sélectionnées dans la fenêtre "Styles et propriétés", comme illustré ci-dessous.

![Configurer la détection automatique des liens dans la fenêtre d'aide "Styles et propriétés"](/blog/images/properties-dialog.png)

La propriété de détection automatique des liens peut être configurée pour ne détecter aucun lien, uniquement les liens explicites, ou tous les liens.

Nous avons créé une application de démonstration pour illustrer chaque option. La capture d'écran ci-dessous montre l'application en cours d'exécution dans la fenêtre de simulation de MobileTogether Designer. Chaque ligne de texte représente une étiquette distincte, organisée en trois groupes pour illustrer chaque paramètre de détection automatique de liens.

![Les fonctionnalités de détection automatique des liens sont affichées dans la fenêtre du simulateur MobileTogether](/blog/images/link-detection-1.png)

Le soulignement est automatiquement appliqué aux liens détectés, et ces liens sont cliquables.

### Détection automatique des liens dans de longs blocs de texte

Une étiquette peut contenir un bloc de texte plus long, qui peut contenir plusieurs liens. L'image ci-dessous montre une seule étiquette où plusieurs liens sont détectés, en fonction du paramètre "tous les liens" :

![Détection automatique des liens, même lorsque plusieurs URL sont présentes dans un long bloc de texte](/blog/images/link-detection-long-text.png)

### Détection automatique des liens dans les textes générés

Le texte affiché sur une étiquette peut être calculé à partir d'une expression XQuery. L'application "Where Am I" que nous avons créée pour illustrer [l'interaction avec des données provenant d'API externes](https://www.altova.com/blog/integrating-apis-and-mobile-apps/) comprend plusieurs étiquettes dont le texte est calculé. Voici un exemple :

![Sélection de texte via une expression XQuery dans MobileTogether](/blog/images/text-by-xquery.png)

Ce mécanisme permet de remplir une sous-page de modèle avec des informations spécifiques en fonction du choix de l'utilisateur. La capture d'écran ci-dessous montre la sous-page en fonctionnement sur un appareil Android. La sous-page s'ouvre sous forme de boîte de dialogue modale lorsque l'utilisateur clique sur l'un des boutons "Installer/Mettre à jour" pour modifier une clé API. La fonction de détection automatique des liens permet à l'utilisateur d'ouvrir la page Web de la documentation du fournisseur d'API dans une fenêtre de navigateur.

[![Détection automatique des liens dans le texte calculé, affiché sur un téléphone Android](/blog/images/update-api-key-579x1030.png)](update-api-key.png)

Testez par vous-même la détection automatique des liens : [téléchargez gratuitement le logiciel MobileTogether Designer](https://www.altova.com/fr/mobiletogether/download) pour commencer à créer votre première application mobile multiplateforme !
