Tooltip

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

Tooltip UIパターンの使用方法

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

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

![](<images/tooltip-2-ss.png>)

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

![](<images/tooltip-3-ss.png>)

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

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

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

![](<images/tooltip-4-ss.png>)

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

![](<images/tooltip-5-ss.png>)

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