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, 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.
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.
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.
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 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, bevat verschillende labels met berekende tekst. Hier is een voorbeeld:
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.
Probeer zelf de automatische linkdetectie uit – download de gratis MobileTogether Designer om aan de slag te gaan met uw eerste mobiele app die op verschillende platforms werkt!