条件分岐を使用する

DENIMでは、条件によって遷移先の変わるリンクを作成することができます。
ページ毎に異なった条件を持つことが出来、それぞれのリンクを異なったページに接続可能です。

条件を追加する

条件をページに追加するには、対象となるページの余白上でPie Menuを呼び出し、Page→Add New Condition を選択します。
ページタイトル付近に条件ナビゲーションバーが現れたかと思います。「1 of 2」となっていれば、全部で2つの条件があり、そのうちの1つ目であることをあらわしています。同様のオペレーションを繰り返せば、その都度条件を増やしていくことが可能です。
他の条件に移動するには、ナビゲーションバーにある左右の三角形をクリックするか、バー上で通常の描画ジェスチャを行います。左から右にジェスチャを行えば次に、逆方向であれば前に条件が移動します。

ジェスチャで動かす場合、ナビゲーションバーをはみ出さないよう注意して下さい。
描画アクションですので、実際に横線が書かれてしまうことがあります。

条件を削除する

ナビゲーションバーの右端にある「×」をクリックすると、現在の条件を削除することができます。

条件を設定する

各条件で、コンポーネントの状態を変更してやり、他の条件との違いを設定してやります。
Runモードで実行された際に、ユーザがコンポーネントを設定した状態にしてやると、リンク先はそれぞれの条件ごとに設定されたものに変化します。

練習

新たに条件を持ったページを作成します。
ページはチェックボックスを持っており、これはある情報の概要説明と詳細説明を切り替えるものだとします。
チェックが外れていれば概要、チェックが入っていれば詳細ページを表示します。(あまり良いインターフェースではありませんが)

下の例を参考にしながら、実際に各ページと条件付きのリンクを作成してみてください。


条件を追加し、概要ページへのリンクを貼ります。


条件を移動し、チェックボックスの状態を変えてやります。(☞ コンポーネントのステータスを変更する)
ボタンがリンクを持たないようになりますので、改めて詳細ページへのリンクを設定します。

Runモードで実行し、チェックボックスの状態によってリンク先が変わることを確認して下さい。




カスタム・コンポーネントの利用 | サイトをHTMLとして保存する

 
/home/nao58/www/it-freak/data/pages/denim/tutorial/conditionals.txt · 最終更新: 2007/10/06 17:57 by nao58     文書の先頭へ