移动应用程序的自动链接检测

将移动应用程序与互联网上庞大的信息资源整合在一起,可以显著提升用户体验,使其更加便捷和高效,尤其是在需要频繁更新网页内容的情况下。

最新版本的MobileTogether,是Altova公司推出的低代码开发平台 跨平台移动应用开发框架, 该功能支持自动检测标签中的网址和电子邮件地址。点击或点击这些链接,会在浏览器窗口中打开相应的网页,或者在设备的邮件应用程序中打开一个新邮件草稿,而无需退出移动应用程序。开发者无需进行任何额外的特殊编码。

我们来看看它是如何运作的。

在MobileTogether中,标签是一种布局控件,用于显示文本。其长度可以从单个字符到多行详细信息不等。标签的内容可以是静态的,即由开发者预先定义;也可以是动态的,即基于页面上的某个元素或计算结果而变化。

标签的显示方式可以限制为单行,也可以根据文本内容自动扩展。此外,开发者还可以设置标签显示的最大行数,从而在设计应用程序的用户界面时提供更大的灵活性。

每个标签都具有独立的属性,这些属性可以在“样式与属性”窗口中进行设置,具体设置界面如下所示。

“自动链接检测”属性可以设置为“无”、“显式链接”或“所有链接”三种模式。

我们创建了一个示例应用程序,用于演示每个选项。下图显示了该应用程序在 MobileTogether Designer 的模拟器窗口中运行的界面。每一行文本都是一个独立的标签,它们被分为三个组,用于演示每一种自动链接检测设置。

检测到的链接会自动添加下划线,并且可以点击。

较长文本块中的自动链接检测

标签可以包含较长的文本块,其中可能包含多个链接。下图展示了一个标签,其中检测到了多个链接,这是基于“所有链接”的设置结果:

在计算文本中自动检测链接

标签中的文本可以通过 XQuery 表达式进行计算。我们创建的“我在哪里”应用程序,用于演示与外部 API 数据的交互,包含多个带有计算文本的标签。以下是一个例子:

该机制允许根据用户的选择,用特定信息填充一个模板子页面。下图显示了该子页面在 Android 设备上运行的界面。当用户点击底部的“安装/更新”按钮以编辑任何 API 密钥时,该子页面会以弹出窗口的形式打开。所有链接的自动链接检测功能允许用户在浏览器窗口中打开 API 提供商的文档网页。

您可以亲自体验自动链接检测功能——下载免费的 MobileTogether Designer,开始您的第一个跨平台移动应用程序开发!