Tooltip

Tooltip UIパターンを使用すると、ユーザーが画面上の要素の上にマウスポインタを重ねたり、要素をクリックしたり、要素をタップしたりしたときに、情報テキストを動的に表示できます。

Tooltip UIパターンの使用方法

1. Service StudioのツールボックスでTooltipを検索します。

   Tooltipウィジェットが表示されます。

   

2. ツールボックスから、Tooltipウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。

   

   デフォルトで、Tooltipウィジェットには［Widget］プレースホルダと［Content］プレースホルダが含まれています。

3. プレースホルダにコンテンツを追加します。

   この例では、［Widget］プレースホルダに［Save］ボタンを追加し、［Content］プレースホルダに「Save your details」というツールチップテキストを入力しています。

   

4. ［Properties］タブで（オプションの）プロパティを設定し、Tooltipのルックアンドフィールを変更します。

   

これらの手順を実行してモジュールをパブリッシュした後、アプリでパターンをテストできます。