ページをリンクで繋ぐ
ここで2つのページをハイパーリンクで繋ぐことにしましょう。
例えば、Homeの「Business」という文字をクリックするとBusinessページへ遷移するようにします。
方法は簡単、HomeのBusinessの上から、Businessページに向けてラインを引くだけです。
DENIMはこれをナビゲーション用のものだと認識して、緑色の矢印（遷移線）として表示します。
また同時に、ハイパーリンクとして認識されたBusinessの文字が青色になります。
更に、このタイミングで「ページ間の関係を定義する」で引いておいた関係線が、より明確なリンクが貼られたことで消えてしまいます。
⇒
関係線と遷移線
ここで前述の関係線と、今回引いた遷移線の違いについて説明しておきます。
- 関係線は、ページラベルやページの空白部分を結んだ際に作られます。
これはテスト実行時の動作に何の影響も与えません。 - 遷移線は、文章やボタン、その他の手書きオブジェクトなどから他のページへ引かれた際に作られます。
これはテスト実行時にハイパーリンクとして動作します。(☞ Webサイトの使い勝手を試す)
クリック以外のアクションをリンクに設定する
左クリック以外のアクションによるリンクを作成することも可能です。
まず、通常の方法で遷移線を作成します。次に、線の開始点にある●の上でPie Menuを呼び出して下さい。
メニューのArrowsを選択すると、遷移を実行するためのアクションが選択できるようになります。
このアクションの変更は、別のズームレベルでも同様の手順で行うことができます。
下の図は、右クリック(right click)を選んだ結果です。リンクの傍に右クリックを表すアイコンが現れます。
画面の外にあるページにリンクを繋ぐ
遷移先となるページが離れた場所にあって画面に表示できない場合、前述の操作でリンクを繋ぐことは困難です。
そのような場合は、リンクとなるオブジェクトの上でPie Menuを呼び出してください。
Link Toを選択すると、ページラベルの並んだダイアログボックスが表示されます。ここで、遷移先としたいページを選択して下さい。
開始点となる●の上で呼び出すと、Link Toの代わりにArrowsが表示されてしまいます。
練習
ページ間に遷移関係を設定しましょう。
☜ Canvasの操作 | Webサイトの使い勝手を試す ☞
