Separator

Separator UIパターンを使用すると、コンテンツを明確に区切って見やすく整理できます。

Separator UIパターンの使用方法

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

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

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

1.ツールボックスから、Separatorウィジェットをアプリケーション画面のメインコンテンツ領域のコンテンツを区切りたい場所にドラッグします。この例では、画像とテキストの間にウィジェットをドラッグしています。

![](<images/separator-7-ss.png>)

1.［Properties］タブで関連する（オプションの）プロパティを設定します。たとえば、色やコンテンツを区切るスペースのサイズなどを設定します。

![](<images/separator-8-ss.png>)

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