--- title: "Automatische detectie van links voor mobiele apps" date: "2019-03-20" categories: - "mobile" - "mobile-development" - "mobiletogether" - "tools" tags: - "app-development" - "mobile-development" - "mobiletogether" - "mobiletogether-server" - "mobiletogether-simulator" description: Altova MobileTogether's automatische detectie van links verbetert de ontwikkeling van mobiele apps doordat URL's en e-mailadressen klikbaar worden gemaakt zonder extra code. --- Status: #blog Tags: #app-development #mobile-development #mobiletogether #mobiletogether-server #mobiletogether-simulator Categories: [mobile-development](/blog/nl/category/mobile-development.md) | [low-code+no-code](/blog/nl/category/low-codeno-code.md) # Automatische detectie van links voor mobiele apps De integratie tussen een mobiele app en de enorme hoeveelheid informatiebronnen van het internet maakt de gebruikerservaring gebruiksvriendelijker en responsiever, vooral wanneer de webpagina's regelmatig worden bijgewerkt. De nieuwste versie van MobileTogether, de low-code oplossing van Altova, biedt [Een framework voor mobiele applicatieontwikkeling dat op verschillende platforms werkt](https://www.altova.com/nl/mobiletogether), Bevat ondersteuning voor het automatisch detecteren van links, zoals URL's en e-mailadressen, in labels. Door op de link te klikken of te tikken, wordt de betreffende webpagina in een browservenster geopend, of wordt een nieuwe e-mail opgesteld in de e-mailapp van het apparaat, in een nieuw venster, zonder dat de mobiele app wordt afgesloten. De ontwikkelaar hoeft geen speciale code toe te voegen. ![Gebruiker die met de app interageert](/blog/images/shutterstock_160560011-1.jpg) Laten we eens kijken hoe het werkt. In MobileTogether is een label een besturingselement voor de lay-out dat tekst bevat. De lengte kan variëren van een enkel teken tot meerdere regels met gedetailleerde informatie. De inhoud kan statisch zijn – vooraf gedefinieerd door de ontwikkelaar – of dynamisch, gebaseerd op een element van de pagina of een berekende waarde. Labels kunnen beperkt zijn tot één regel, mogen uitbreiden afhankelijk van de hoeveelheid tekst, of de ontwikkelaar kan een maximum aantal regels instellen dat wordt weergegeven, wat nog meer flexibiliteit biedt bij het ontwerpen van een gebruikersinterface voor een app. Elk label heeft individueel gedefinieerde eigenschappen, die geselecteerd kunnen worden in het venster "Stijlen en eigenschappen", zoals hieronder te zien is. ![Het automatisch detecteren van links instellen in het hulpmenu "Stijlen en eigenschappen"](/blog/images/properties-dialog.png) De eigenschap "Automatische linkdetectie" kan worden ingesteld op "geen links", "expliciete links" of "alle links". We hebben een voorbeeld-app gemaakt om elke optie te demonstreren. De screenshot hieronder toont de app die draait in het simulatorvenster van MobileTogether Designer. Elke regel tekst is een apart label, gerangschikt in drie groepen om elke automatische linkdetectie-instelling te illustreren. ![Automatische functies voor het detecteren van links, weergegeven in het venster van de MobileTogether Simulator](/blog/images/link-detection-1.png) Onderstreping wordt automatisch toegepast op gedetecteerde links, en deze links zijn klikbaar. ### Automatische detectie van links in langere tekstblokken Een label kan een langere tekstblok bevatten, dat meerdere links kan bevatten. De afbeelding hieronder toont een enkel label waarin meerdere links zijn gedetecteerd, op basis van de instelling "alle links": ![Automatische detectie van links, zelfs wanneer er meerdere URL's in een lange tekst staan](/blog/images/link-detection-long-text.png) ### Automatische detectie van links in berekende tekst De tekst in een label kan worden berekend op basis van een XQuery-expressie. De app "Where Am I" die we hebben gemaakt om [de interactie met externe API-gegevens te demonstreren](https://www.altova.com/blog/integrating-apis-and-mobile-apps/), bevat verschillende labels met berekende tekst. Hier is een voorbeeld: ![Tekstselectie via een XQuery-expressie in MobileTogether](/blog/images/text-by-xquery.png) Dit mechanisme maakt het mogelijk om een specifieke subpagina te vullen met informatie, afhankelijk van de keuze van de gebruiker. De onderstaande screenshot toont de subpagina die draait op een Android-apparaat. De subpagina opent als een pop-upvenster wanneer de gebruiker op een van de knoppen "Installeren" of "Bijwerken" klikt om een API-sleutel te bewerken. De automatische linkdetectie voor alle links stelt de gebruiker in staat om de documentatiepagina van de API-provider in een webbrowser te openen. [![Automatische detectie van links in berekende tekst, weergegeven op een Android-telefoon](/blog/images/update-api-key-579x1030.png)](update-api-key.png) Probeer zelf de automatische linkdetectie uit – [download de gratis MobileTogether Designer](https://www.altova.com/nl/mobiletogether/download) om aan de slag te gaan met uw eerste mobiele app die op verschillende platforms werkt!