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, 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.
Voyons comment cela fonctionne.
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.
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.
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 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 comprend plusieurs étiquettes dont le texte est calculé. Voici un exemple :
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.
Testez par vous-même la détection automatique des liens : téléchargez gratuitement le logiciel MobileTogether Designer pour commencer à créer votre première application mobile multiplateforme !