Skip to main content

 

 

 

 
Language:

 

 
モバイルアプリとリアクティブWebアプリにのみ適用されます
Service Studioバージョン :
 
 
OutSystems

Display on Device

Display on Device UIパターンを使用すると、どのデバイスタイプにどの要素を表示するかを選択することができます。このパターンを使用して、様々なデバイス(コンピュータ、タブレット、スマホ)に表示される要素を具体的に指定することで、情報の表示方法を改善できます。

Display on Device UIパターンの使用方法

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

    Display on Deviceウィジェットが表示されます。

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

    デフォルトで、Display on Deviceウィジェットには[OnDesktop]、[OnTablet]、[OnPhone]の各プレースホルダが含まれています。

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

    この例では、Imageウィジェットを各プレースホルダにドラッグし、[Properties]タブの[Image]ドップダウンで、OutSystems UIのサンプル画像から画像を選択して追加しています。

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

  • Was this article helpful?