---
title: "Automatische Erkennung von Links für mobile Anwendungen"
date: "2019-03-20"
categories: 
  - "mobile"
  - "mobile-development"
  - "mobiletogether"
  - "tools"
tags: 
  - "app-development"
  - "mobile-development"
  - "mobiletogether"
  - "mobiletogether-server"
  - "mobiletogether-simulator"
description: Altova MobileTogether verbessert die Entwicklung mobiler Anwendungen durch die automatische Erkennung von Links, wodurch URLs und E-Mail-Adressen anklickbar gemacht werden können, ohne dass zusätzlicher Code erforderlich ist.
---
Status: #blog

Tags:  #app-development #mobile-development #mobiletogether #mobiletogether-server #mobiletogether-simulator

Categories: [mobile-development](/blog/de/category/mobile-development.md) | [low-code+no-code](/blog/de/category/low-codeno-code.md) 
# Automatische Erkennung von Links für mobile Anwendungen

Die Integration einer mobilen App mit den umfangreichen Informationsressourcen des World Wide Web verbessert die Benutzererfahrung erheblich und macht sie komfortabler und reaktionsschneller, insbesondere wenn der angezeigte Web-Inhalt häufig aktualisiert wird.

Die neueste Version von MobileTogether, der Low-Code-Plattform von Altova, bietet.. [Framework für die plattformübergreifende Entwicklung mobiler Anwendungen](https://www.altova.com/de/mobiletogether)Die Funktion unterstützt die automatische Erkennung von URLs und E-Mail-Adressen in Textfeldern. Durch Anklicken oder Antippen eines Links wird die entsprechende Webseite in einem Browserfenster geöffnet oder eine neue E-Mail in der E-Mail-App des Geräts in einem neuen Fenster erstellt, ohne dass die mobile App geschlossen wird. Der Entwickler benötigt keine zusätzlichen, speziellen Programmierkenntnisse.

![Benutzer interagiert mit der App](/blog/images/shutterstock_160560011-1.jpg)

Schauen wir uns an, wie es funktioniert.

<!--more-->

In MobileTogether ist ein Label ein Layout-Element, das Text enthält. Die Länge kann von einem einzelnen Zeichen bis zu mehreren Zeilen mit detaillierten Informationen variieren. Der Inhalt kann statisch sein – vom Entwickler vordefiniert – oder dynamisch, basierend auf einem Element der Seite oder einem berechneten Wert.

Beschriftungen können auf eine einzelne Zeile beschränkt sein, dürfen sich je nach Textmenge erweitern, oder der Entwickler kann eine maximale Anzahl von angezeigten Zeilen festlegen, was bei der Gestaltung einer App-Benutzeroberfläche noch mehr Flexibilität bietet.

Jedes Label verfügt über individuell definierte Eigenschaften, die im Fenster "Stile und Eigenschaften" ausgewählt werden können, wie unten dargestellt.

![Automatische Erkennung von Links im Hilfefenster "Stile und Eigenschaften" aktivieren](/blog/images/properties-dialog.png)

Die Eigenschaft "Automatische Linkerkennung" kann auf "keine", "explizite Links" oder "alle Links" eingestellt werden.

Wir haben eine Beispielanwendung erstellt, um jede Option zu demonstrieren. Der Screenshot unten zeigt die Anwendung, die im Simulator-Fenster des MobileTogether Designers ausgeführt wird. Jede Textzeile ist ein separates Label, das in drei Gruppen angeordnet ist, um jede Einstellung für die automatische Erkennung von Verknüpfungen zu veranschaulichen.

![Automatische Erkennungsfunktionen für Links, die im Fenster des MobileTogether-Simulators angezeigt werden](/blog/images/link-detection-1.png)

Die Unterstreichung wird automatisch auf erkannte Links angewendet, und diese sind anklickbar.

### Automatische Erkennung von Links in längeren Textabschnitten

Ein Label kann einen längeren Textblock enthalten, der möglicherweise mehrere Links enthält. Das folgende Bild zeigt ein einzelnes Label, bei dem aufgrund der Einstellung "alle Links" mehrere Links erkannt wurden:

![Automatische Erkennung von Links mit mehreren URLs in einem langen Textabschnitt](/blog/images/link-detection-long-text.png)

### Automatische Erkennung von Links in berechneten Texten

Der Text in einem Label kann anhand eines XQuery-Ausdrucks berechnet werden. Die App "Where Am I", die wir entwickelt haben, um die [Anbindung an externe API-Daten](https://www.altova.com/blog/integrating-apis-and-mobile-apps/) zu demonstrieren, enthält mehrere Labels mit berechnetem Text. Hier ist ein Beispiel:

![Textauswahl über einen XQuery-Ausdruck in MobileTogether](/blog/images/text-by-xquery.png)

Dieser Mechanismus ermöglicht es, eine bestimmte Vorlage-Unterseite mit spezifischen Informationen zu füllen, basierend auf einer Benutzerauswahl. Der Screenshot unten zeigt die Unterseite, die auf einem Android-Gerät ausgeführt wird. Die Unterseite öffnet sich als modales Dialogfenster, wenn der Benutzer auf einen der darunterliegenden "Installieren/Aktualisieren"-Buttons klickt, um einen API-Schlüssel zu bearbeiten. Die automatische Erkennung von Links ermöglicht es dem Benutzer, die Dokumentationsseite des API-Anbieters in einem Browserfenster zu öffnen.

[![Automatische Erkennung von Links in berechneten Texten, die auf einem Android-Smartphone angezeigt werden](/blog/images/update-api-key-579x1030.png)](update-api-key.png)

Testen Sie selbst die automatische Erkennung von Links – [laden Sie den kostenlosen MobileTogether Designer herunter](https://www.altova.com/de/mobiletogether/download), um mit der Entwicklung Ihrer ersten plattformübergreifenden mobilen Anwendung zu beginnen!