区切り線ウィジェットは、ウィジェットを異なるグループに分割する視覚的なラインを追加し、明確な階層を作成することで、ページの構造を改善するのに役立ちます。
例
このウィジェットを使用して、次のようなアプリの設計要件をサポートします。
- 区切り線を使用し、類似コンテンツや関連コンテンツをグループ化して、階層を強調することで、ページを整理できます。
使用上の注意
ページに区切り線ウィジェットを追加する際のデフォルト スタイルは、細い黒色のラインです。最初に [クイック スタイル] ウィンドウが表示されるため、あらかじめ設定されたスタイルから選択することができます。(後で再びこのウィンドウにアクセスするには、ウィジェットのツールバーで [クイック スタイル] ボタン 
をクリックします)。また、ウィジェット設定で独自の区切り線スタイルを構成することもできます。
設定
区切り線ウィジェットには次の設定があります。
- [方向] - 区切り線を垂直方向または水平方向に表示します。
- [色] - 区切り線の色を選択します。
- [ストローク] - 実線、破線、二重線などのライン スタイルを選択します。ライン ウェイトをピクセル単位で指定します。
- [始点] および [終点] - 必要に応じて、メニューから始点と終点のスタイルを選択します。対応するスライダーのハンドルをドラッグすると、設定したストローク サイズを基準にしてポイント サイズが大きくなります。始点と終点は、方向の設定によって決まります。たとえば、垂直方向の区切り線の始点は上部にあります。