モバイルアプリにおける自動リンク検出機能

モバイルアプリと、世界中の膨大な情報資源であるウェブとの連携により、ユーザーエクスペリエンスがより便利になり、応答性が向上します。特に、対象となるウェブコンテンツが頻繁に更新される場合に、その効果が顕著になります。

Altova社のローコード開発プラットフォーム「MobileTogether」の最新バージョンがリリースされましたクロスプラットフォーム対応のモバイルアプリケーション開発フレームワーク, この機能は、ラベル内のURLやメールアドレスを自動的に認識し、リンクとして表示します。リンクをクリックまたはタップすると、指定されたウェブサイトのページがブラウザウィンドウで開かれるか、またはデバイスのメールアプリで新規メールの作成画面が新しいウィンドウで開かれます。モバイルアプリ自体は閉じられません。開発者は、特別なコーディングを行う必要はありません。

さあ、どのように機能するか見てみましょう。

MobileTogetherにおけるラベルは、テキストを表示するためのレイアウトコントロールです。その長さは、1文字から始まり、詳細な情報を複数行にわたって表示することも可能です。表示内容は、開発者があらかじめ定義した静的なものと、ページ内の要素や計算値に基づいて動的に変化するものがあります。

ラベルの表示形式は、一行に制限することも、テキストの量に応じて自動的に拡張することも可能です。また、開発者は表示できる行数を最大で設定することもでき、これによりアプリのUIデザインにおいて、さらに柔軟な対応が可能になります。

各ラベルには、以下に示すように、「スタイルとプロパティ」ウィンドウで個別に定義された属性が設定されています。

「自動リンク検出」のプロパティは、「無効」、または「明示的なリンクのみ」、または「すべてのリンク」のいずれかに設定できます。

各オプションを説明するために、サンプルアプリケーションを作成しました。以下に示されたスクリーンショットは、MobileTogether Designerのシミュレーターウィンドウで動作しているアプリケーションのものです。各行のテキストはそれぞれ独立したラベルであり、3つのグループに分けて配置することで、各自動リンク検出設定を説明しています。

検出されたリンクには自動的に下線が引かれ、クリックすることができます。

長いテキストブロック内での自動リンク検出

ラベルには、複数のリンクを含む可能性のある、より長いテキストブロックを含めることができます。以下の画像は、すべてのリンクを検出するように設定した場合に、複数のリンクが検出されたラベルの一例を示しています

計算されたテキストにおける自動リンク検出

ラベルに表示するテキストは、XQuery式に基づいて算出することができます。私たちが作成した「Where Am I」というアプリケーションは、その機能を実証するためのものです外部APIからのデータ連携以下に、計算結果を表示するいくつかのラベルの例を示します。以下はその一例です

この仕組みにより、ユーザーの選択に基づいて、特定の情報をテンプレートのサブページに反映させることができます。以下のスクリーンショットは、Androidデバイス上で動作しているサブページの例です。ユーザーがAPIキーを編集するために、下にある「インストール」または「アップデート」ボタンをクリックすると、サブページがモーダルダイアログとして表示されます。また、すべてのリンクに対して自動リンク検出が有効になっているため、ユーザーはAPIプロバイダーのドキュメントWebページをブラウザウィンドウで開くことができます。

ぜひ、自動リンク検出機能を実際に試してみてください無料でMobileTogether Designerをダウンロードしてください最初のクロスプラットフォーム対応モバイルアプリの開発を始めましょう！