第5章

ページフローモデラー

この章では、ページフローモデラーを使用したページフロープロセスの作成方法について、一般的な情報を説明します。この章は、次の節から構成されています。

 
Top of page

ページフローモデラーについて

ページフローモデラーを使用すると、ランタイム時にページフローエンジンによって実行されるXML文書を作成および保存することができます。 この文書は、ページフロープロセスまたはプロセス定義で呼び出すことができます。 「ページフロープロセス」とは、文書をグラフィック表示したものを指し、「プロセス定義」とは、内在するXML記述子を具体的に指します。

 
Top of section

基本手順

ページフロープロセスの作成には、3段階の手順があります。

  1. ページフローモデラーのグラフ作成環境を使用して、次のプロセスの論理をレイアウトします。

  2. プロパティインスペクタを使用して、お使いのexteNd Director環境のリソースにプロセスをリンクする、アクティビティおよびリンクプロパティを構成します。

  3. お使いのプロセスリソースセットにプロセスを保存します。 ページフローモデラーは、これをページフローエンジンが実行できるプロセス定義に変換します。

 
Top of section

ページフローのビューの作成

ページフローに関連付けられているすべてのリソースファイルのカスタムビューを作成できます。 ビューを作成すると、[表示]タブに表示できます。

exteNd Directorでは、ビューのコンテンツをJARにエクスポートできます。 ビューからリソースをエクスポートすると、exteNd Directorは、ディレクトリ構造を含むビューのすべての要素を含むJARを作成します。また、JARは、リソースのエクスポート元のビューを定義するXMLファイルも含みます。このJARは、他のリソースセットにインポートできます。

For more information    ページフローのビュー作成の詳細については、ページフローのリソースビューの作成を参照してください。

 
Top of page

モデラーの開始

ページフローモデラーを開始するには、新しいプロセスを作成するか、既存のプロセスを開きます。

Procedure ページフロープロセスを作成する

  1. exteNd Directorでプロジェクトが開いている状態で、[ファイル]>[新規]の順に選択します。

  2. [ポートレット]タブをクリックし、[ページフロー]を選択します。

    FileNewPF

  3. [OK]をクリックします。

    ページフローモデラーのメインウィンドウは、編集領域で開きます。 モードアクティビティは、自動的にプロセスに追加されます。

    PFModeler

Procedure ページフロープロセスを保存する

  1. exteNd Directorメニューから[ファイル]>[保存]の順に選択します。

    ページフローモデラーでプロセス内のミスが検出された場合、ポップアップメッセージによってそのことが通知され、それでも保存するかどうか尋ねられます。この検証は、すべての保存イベントで行われます。 警告は後で対処できます。

  2. [はい]をクリックします。

    初めて保存する場合は、[名前をつけて保存]ダイアログボックスが表示されます。

    pageflow-processフォルダのコンテンツがプロジェクトのリソースセットに表示されます。 別のディレクトリを指定することもできますが、デフォルトを受け入れることをお勧めします。

  3. ファイル名を指定して[保存]をクリックします。

Procedure ページフロープロセスを開く

  1. exteNd Directorメニューから[ファイル]>[開く]の順に選択します。

  2. プロジェクトのリソースセットのpageflow-process フォルダに移動します。

  3. ダブルクリックして開きます。

 
Top of section

プロセスプロパティ

プロセスプロパティシートにアクセスすると、プロセスおよび設定プロパティに関する現在の情報を表示できます。

Procedure プロセスプロパティにアクセスする

  1. 次のいずれかを実行します。

    プロパティインスペクタにプロセスプロパティが表示されます。

    PFProcessProps

  2. プロセスプロパティを編集または表示します。

    プロパティ

    説明

    名前

    プロセスの正式名。 デフォルトでは、プロセス記述子に対して指定された名前が付けられています。 命名規則に従ってプロセスに名前を付ける必要がある場合は、ここで設定します。

    説明

    ページフローモデラーユーザを対象としたプロセスの説明。

    スマートリンクの使用

    スマートリンクがプロセスに対して有効または無効かどうかを示します。 スマートリンクが有効な場合は、ページフローエンジンがスマートリンクのターゲットアクティビティを識別し、現在のアクティビティからターゲットアクティビティへのリンクを作成します。 作成されたリンクは、後に使用するようにキャッシュできます。

    Verbのスマートリンク

    HTTP要求パラメータを識別するために使用されるキー。HTTP要求パラメータの値は、ダイナミックリンクのターゲットアクティビティを識別するために使用されます。

    優先順位ラベルの表示

    優先順位ラベルをページフローのグラフで表示する必要があるかどうかを指定します。 特定のアクティビティが1つ以上のアクティビティにリンクされる場合は、ページフローエンジンは、優先順位に従ってたどるリンクを決定します。 各リンクには、関連付けられた優先順位番号があります。 1つ以上のリンク式がtrueと評価される場合、エンジンは、trueを返す最初のリンクに続いて、優先順位に従ってリンクを評価します。

    テンプレート

    このページフローを、他のページフローを作成するときのテンプレートとして使用できるかどうかを指定します。

 
Top of page

モデラーウィンドウについて

ヒント:   画面のスペースを拡げるには、パネルビューセレクタをクリックして、exteNd Directorでナビゲーションおよび出力ペインを閉じます。

wdPanelViewSelector

 
Top of section

メイン機能

ページフローモデラーのメイン機能は次のとおりです。

PFModelerWindow

 
Top of section

オブジェクトのナビゲート、選択、および移動

Procedure ウィンドウをナビゲートする

  1. [一般]タブを選択した状態で、ツールバーの[パン]ボタンをクリックします。

    iHand

  2. 編集領域でグラフをスクロールするには、グラフ領域で手の形のカーソルをドラッグします。

水平スクロールバーと垂直スクロールバーを使用しても、同じ結果になります。

Procedure オブジェクトを選択する

  1. [一般]タブを選択した状態で、ツールバーの[選択]ボタンをクリックします

    iPoint

    注記:   選択したモードがデフォルトとなります。

  2. 任意のオブジェクトをクリックして選択します。

  3. 複数のオブジェクトを選択するには、空の領域をクリックして、グループの周りを囲むように選択用四角形をドラッグします。 また、<Ctrl>キーを押しながらマウスでオブジェクトをクリックすることにより、1つ以上のオブジェクトを選択することもできます。

Procedure オブジェクトを移動する

  1. オブジェクトを選択します。

  2. 必要な場所にドラッグします。

    アクティビティを移動する場合は、そのアクティビティに関連付けられたリンクが一緒に移動します。

 
Top of page

アクティビティの追加

アクティビティ」とは、ページフローでのタスクを意味します。 ページフローアクティビティは、ユーザにインタフェースを表示するか、バックグラウンド機能を実行することができます。

 
Top of section

ページフローアクティビティタイプ

次に、ページフローモデラーでのアクティビティの概要を示します。 アクティビティプロパティおよび用途の詳細については、該当する項目をクリックしてください。

ノード

ツールバーアイコン

説明

モードアクティビティ

ModeActivity

ページフローを使用した特定のモードの開始ポイント。

HTMLアクティビティ

ランタイム時に表示するHTMLコンテンツを指定するプレゼンテーションアクティビティ。

フォームアクティビティ

FormActivity

ランタイム時に表示するXHTMLコンテンツを指定するプレゼンテーションアクティビティ。 XHTMLファイルは、ユーザ操作で使用するフォームを定義します。

ページフローアクティビティ

PageFlowActivity

現在のフローにおける個別のページフローを含みます。

JSPアクティビティ

JSPページを呼び出すプレゼンテーションアクティビティ。

サーブレットアクティビティ

サーブレットを呼び出すプレゼンテーションアクティビティ。

初期クエリアクティビティ

InitialQueryActivity

データベースのすべてのレコードからユーザの検索条件に一致するキーを取得します。

ページの取得アクティビティ

GetPageActivity

レコードを1ページにまとめるために要約データを取得します。

レコードの取得アクティビティ

単一レコードの詳細フィールドを取得します。

レコード挿入アクティビティ

SQL INSERT文を実行して、新規レコードのデータをデータベースに送信します。

レコード更新アクティビティ

SQL UPDATE文を実行して、あるレコードの更新データをデータベースに送信します。

レコード削除アクティビティ

SQL DELETE文を実行して、ユーザによって選択されたレコードを削除します。

変更ログの適用アクティビティ

レコードキャッシュからのすべての変更をデータベースに適用します。

ルールアクティビティ

ランタイム時にビジネスルールを実行するシステムアクティビティ。

チェックポイントアクティビティ

フロー内でページの更新が必要な処理を指定できるようにするディレクティブアクティビティ。 チェックポイントアクティビティはトランザクションマーカーとして動作し、ページの表示が必要な処理の開始ポイントを示します。

例外アクティビティ

ページフローの保護システムとして動作するディレクティブアクティビティ。 それぞれの例外アクティビティは、1つ以上の例外を対処する処理の開始ポイントです。

Javaアクティビティ

ページフローのコンテキスト内でJavaクラスを実行するシステムアクティビティ。

XSLアクティビティ

InitialQueryActivity

XSLを使用してXML文書に変換するシステムアクティビティ。

Webサービスアクティビティ

Webサービスを実行するシステムアクティビティ。

Composerサービスアクティビティ

exteNd Composerサービスを実行するシステムアクティビティ。

終了アクティビティ

ページフローの終了をマーク付けするシステムアクティビティ。 終了アクティビティは、別のページフロー内で使用されていない限り、ページフローでは必要ありません。

ワークフローリターンアクティビティ

WorkflowReturn

ワークアイテムをワークフローに転送することを、ページフローに通知するシステムアクティビティ。

 
Top of section

アクティビティの使用

Procedure アクティビティを追加する:

  1. [アクティビティ]タブをクリックします。

    アクティビティツールバーが表示されます。

    PFActivities

  2. アクティビティタイプを選択します。

    For more information    アクティビティタイプの詳細については、ページフローアクティビティタイプを参照してください。

  3. グラフ上の任意の場所をクリックしてオブジェクトを配置します。

Procedure データベースアクティビティを追加する:

  1. [データベース]タブをクリックします。

    アクティビティツールバーが表示されます。

    PFDBActivities

  2. アクティビティタイプを選択します。

    For more information    アクティビティタイプの詳細については、ページフローアクティビティタイプを参照してください。

  3. グラフ上の任意の場所をクリックしてオブジェクトを配置します。

Procedure アクティビティを削除する

  1. アクティビティを選択します。

  2. <Delete>キーを押すか、右クリックして、[削除]を選択します。

Procedure アクティビティプロパティにアクセスする

  1. アクティビティを選択します。

  2. [プロパティ]を右クリックするか選択して、[一般]タブの[アイ]アイコンをクリックします。

  3. プロパティシートで適切なタブをクリックします。

    For more information    プロパティは、アクティビティタイプ固有のものです。詳細については、ページフローアクティビティタイプを参照してください。

Procedure アクティビティのソースファイルを開く

  1. アクティビティを選択します。

  2. [一般]タブをクリックします。

    一般ツールバーが表示されます。

    PFGeneralTab

  3. ツールバーの[プライマリエディタを開く]アイコンをクリックします。

    PFOpenSourceToolbarOption

    ソースファイルがエディタに表示されます。

 
Top of page

リンクの追加

リンク」は、1つのアクティビティから別のアクティビティへの単一の論理パスです。 リンクは、ページフローモデラーでは矢印によって表されます。

 
Top of section

ページフローリンクタイプ

次に、ページフローモデラーでのアクティビティの概要を示します。 リンクプロパティの設定および用途の詳細については、該当する項目をクリックしてください。

リンクタイプ

ツールバーアイコン

説明

単純なリンク

1つのアクティビティから1つ以上のアクティビティへの論理パス。 リンクプロパティでは、リンク式ビルダを使用してルーティング論理を指定します。

条件リンク

1つのアクティビティから1つ以上のアクティビティへの論理パス。 リンクプロパティでは、ルールエディタを使用して作成した条件マクロを指定します。

ボタンリンク

フォームにダイナミックな送信ボタンを作成します。 フォームアクティビティと連動して使用され、ボタンリンクのソースとしてフォームアクティビティを持つ必要があります。 リンクプロパティでは、リンクの名前と説明を指定します。 ボタンリンクをフローに追加すると、リンクに割り当てた名前を使用して、式が自動的に作成されます。

Procedure リンクを作成する

  1. [リンク]タブをクリックします。

    リンクツールバーが表示されます。

    PFLinks

  2. リンクタイプを選択します。

  3. アクティビティをクリックして、開始アクティビティからターゲットアクティビティにドラッグし、マウスボタンを放します。

    For more information    リンクセグメントを使用して、ページフローの読みやすさと外観を整えることができます。 リンクセグメントの詳細については、リンクセグメントの作成を参照してください。

Procedure リンクを削除する

  1. リンクを選択します。

  2. <Delete>キーを押すか、右クリックして、[削除]を選択します。

Procedure リンクプロパティにアクセスする

  1. リンクを選択します。

  2. [一般]タブの[アイ]アイコンをクリックするか右クリックして[プロパティ]を選択します。

  3. プロパティシートで適切なタブをクリックします。

    For more information    プロパティは、リンクタイプ固有のものです。詳細については、ページフローリンクタイプを参照してください。

 
Top of section

リンクセグメントの作成

セグメント」は、リンクの2点間にある線です。セグメントは、単に表面的なものです。 リンクセグメントを使用して、ページフローの読みやすさと外観を整えることができます。 次に、3つのセグメントを使用したリンク(リンク2)を表すページフローの図を示します。

PFSegments

Procedure セグメントを作成する

  1. リンク上の任意の点をクリックして、任意の方向にドラッグします。

    ドラッグした点は、リンクの折線になります。

  2. セグメントを終了したい点でマウスボタンを放します。

  3. 別のセグメントを追加するには、再びクリックしてドラッグします。

  4. 最後のセグメントについては、宛先アクティビティにドラッグし、クリックします。

 
Top of page

スコープパスの使用

スコープパスを使用すると、データをページフローアクティビティおよびリンクに関連付けることができます。exteNd Directorには、スコープパスのダイアログボックスおよびスコープパスナビゲータを使用してアクセスできる、事前定義されたスコープパスのセットが提供されています。

For more information    スコープパスのバックグラウンド情報については、『exteNd Directorアプリケーションの開発』のスコープパスの操作に関する章を参照してください。

この節では、次の作業を行う方法について説明します。

For more information    例を使用したスコープパスの使い方の詳細については、ページフローでのスコープパスの使用を参照してください。

 
Top of section

スコープパスのアクティビティとの関連付け

スコープパスを使用して、オブジェクトをアクティビティに関連付けることができます。 この操作を行うには、アクティビティのプライマリプロパティの値としてスコープパスを指定します。 この操作を次のタイプのアクティビティで行うこともできます。

Procedure スコープパスをアクティビティのプライマリプロパティに関連付ける

  1. アクティビティを選択して右クリックし、[プロパティ]を選択します。

  2. プロパティインスペクタでは、プライマリプロパティを持つタブをクリックします。 このタブには、通常はアクティビティと同じ名前が付いています。たとえば、 HTMLアクティビティは、プライマリプロパティを設定できるHTMLタブを持ちます。また、フォームアクティビティはフォームタブを持ちます。

  3. 選択されたアクティビティのプライマリプロパティをクリックします。詳細については、ページフローアクティビティタイプを参照してください。

    [スコープの選択]ダイアログボックスが表示されます。

    PFChooseScope

    ダイアログボックスには、このアクティビティタイプに事前定義されたデフォルトのパスが表示されます。

  4. 次のメソッドの中から1つを使用してパスを指定します。

  5. パスを指定したら、[OK]をクリックします。

スコープの編集   既存のスコープパスを編集するには、この手順を繰り返します。

 
Top of section

スコープパスのコピー

モードおよび終了アクティビティ以外は、どのアクティビティの実行前または実行後もスコープパスをコピーできます。また、どのリンクの実行後もスコープパスをコピーできます。

For more information    スコープパスのコピーに関連する設計上の考慮事項については、『 exteNd Directorアプリケーションの開発』のスコープパスのコピーに関する節を参照してください。

Procedure アクティビティの前または後にスコープパスをコピーする

  1. アクティビティを選択して右クリックし、[プロパティ]を選択します。

  2. プロパティインスペクタで、[スコープパスをコピーする]タブをクリックします。

    適切なコピーダイアログボックス([実行前にコピー]または[実行後にコピー])が表示されます。

    PFCopyBeforeDialog

  3. [開始スコープ]の省略記号(\x85 )をクリックします。

    ダイアログボックスには、このアクティビティタイプに事前定義されたデフォルトのスコープが表示されます。 別のスコープを使用する場合は、ドロップダウンリストから選択します。

  4. パスを指定するには、前の手順のStep 3で説明されたメソッドのうちの1つを使用します。(スコープパスをアクティビティのプライマリプロパティに関連付ける)

  5. [終了スコープ]の省略記号(\x85 )をクリックします。 開始スコープを指定する手順を繰り返します。

  6. [追加]をクリックし、次に[OK]をクリックしてスコープのコピーのダイアログボックスを終了します。

スコープを編集する   既存のスコープを編集する場合は、手順を繰り返して[追加]の代わりに[更新]をクリックします。

Procedure リンクの実行後にスコープパスをコピーする

  1. リンクを選択して右クリックし、[プロパティ]を選択します。

  2. プロパティインスペクタで、[スコープパスをコピーする]の[Edit Scoped Paths]リンクをクリックします。

    [スコープパスをコピーする]ダイアログボックスが表示されます。

    PFCopyScopedXPathDialog

  3. [開始スコープ]の省略記号(\x85 )をクリックします。

    ダイアログボックスには、このアクティビティタイプに事前定義されたデフォルトのスコープが表示されます。 別のスコープを使用する場合は、ドロップダウンリストから選択します。

  4. パスを指定するには、前の手順のStep 3で説明されたメソッドのうちの1つを使用します。(スコープパスをアクティビティのプライマリプロパティに関連付ける)

  5. [終了スコープ]の省略記号(・をクリックします。 開始スコープを指定する手順を繰り返します。

  6. [追加]をクリックし、[OK]をクリックしてスコープのコピーのダイアログボックスを終了します。

  7. スコープのコピーのダイアログボックスで[追加]をクリックし、[OK ]をクリックしてスコープのコピーのダイアログボックスを終了します。

スコープを編集する   既存のスコープを編集する場合は、手順を繰り返して[追加]の代わりに[更新]をクリックします。

 
Top of section

スコープパスへのアクセス

フローで選択されたオブジェクト、またはフローのすべてのオブジェクトに使用された現在のパスをすべて表示できます。

Procedure アクティビティまたはリンクの現在のスコープパスにアクセスする

  1. オブジェクトを選択します。

  2. 右クリックして[スコープパス]を選択します。

    [使用可能なスコープパス]ダイアログボックスが表示されます。

Procedure フローにあるすべての現在のパスにアクセスする

  1. [ページフロー]メニューから、

    [使用可能なスコープパス]ダイアログボックスが表示されます。

  2. スコープパスをクリックします。 スコープパスを使用しているオブジェクトはハイライト表示されることに注意してください。

    PFAvailableScopedPaths

 
Top of section

スコープパスのクリップボードへのコピー

[使用可能なスコープパス]ダイアログボックスから、選択されたパスをクリップボードにコピーして、必要場所に貼り付けることができます。

Procedure スコープパスをクリップボードにコピーする

  1. 前の節で説明されたメソッドの1つを使用して、スコープパスにアクセスします。

  2. コピーするパスを選択します。

  3. パスをダブルクリックするか、ダイアログボックス下部の[クリップボードにコピー]をクリックします。

  4. パスをコピーする場所に移動し、<Ctrl>+<V>を押します。

 
Top of page

リンク式の作成

リンク式では、複数のターゲットアクティビティから選択するために、ランタイム値を使用できます。 アクティビティの処理が終了すると、式を使用して次に実行するアクティビティを決定できます。 式ビルダを使用すると、trueまたはfalseを評価する単純または複雑な式で、ランタイムの値をテストできます。 式は、単純なリンクおよびボタンリンクのみに適用されます。

For more information    単純なリンクの詳細については、単純なリンクを参照してください。 ボタンリンクの詳細については、ボタンリンクを参照してください。

Procedure リンク式を指定する

  1. 単純なリンクまたはボタンリンクを選択し、右クリックして、[プロパティ]を選択します。

  2. プロパティインスペクタで、[式の編集]を選択します。

    [式]ダイアログボックスが表示されます。

    PFExpressionDialog

  3. [...]をクリックしてスコープにアクセスします。

  4. パスを指定するには、手順スコープパスをアクティビティのプライマリプロパティに関連付けるStep 4で説明されたメソッドのうちの1つを使用します。()

  5. [値]フィールドで、値を指定してスコープデータに対してテストします。

  6. データ演算子ドロップダウンリストから演算子を選択します。

  7. データタイプドロップダウンで、(スコープデータに一致する)データタイプを選択します。

    式ビルダにより入力が検証されます。

  8. [追加]をクリックします。

    これにより、下部のテキスト領域に式が追加されます。

  9. 式に追加の句を追加するには、論理演算子のドロップダウンから適切な項目を選択し、句を完了して、[追加]をクリックします。句は必要なだけ追加します。

    注記:   現在の式を否定するには、[否定]チェックボックスを有効にします。

  10. 式を編集または削除するには、[更新]または[削除]をクリックします。

  11. 完了したら、[OK]をクリックします。

 
Top of page

プロセスの検証

設計時には必要な場合は常にプロセスを検証できます。 モデラーはプロセス構造を分析し、発生したエラーを表示します。 検証は、設計時のプロセス構造にのみ適用されることに注意してください。

Procedure プロセスを検証する

 
Top of page

テキストラベルの追加および操作

ラベルは、グラフ作成環境における個々のオブジェクトであり、それぞれが独自のプロパティシートを持ちます。ラベルの形式には、次の2つがあります。

 
Top of section

浮動ラベル

浮動ラベルは、ページフローグラフに配置する単なるテキストで、別のページフローグラフオブジェクトとの関連付けはありません。タイトル、バージョン番号、メモ、および凡例は、すべて浮動ラベルに使用できます。

Procedure 浮動ラベルを作成する

  1. ページフローモデラーツールバーから、[テキストブロック]ボタンを選択します。

    PFFloatingLabelIcon

  2. ラベルを表示する場所をグラフ上でクリックします。

    「Untitled」というテキストが中にあるボックスとして、ラベルが表示されます。

  3. ツールバーから、矢印ボタンを選択します。

  4. 新規ラベルの内側をダブルクリックして、テキストを編集します。

  5. ラベルの外側をクリックして、変更を保存します。

 
Top of section

固定ラベル

ほとんどの固定ラベルは、アクティビティまたはリンクに関連付けられており、固定ラベルと呼ばれます。 デフォルトでは、アクティビティとリンクはラベル付きで開始します。

Procedure 固定ラベルを編集する

  1. アイコンまたはリンクを右クリックします。

  2. ポップアップメニューから、[ラベルの作成]を選択します。

    アクティビティまたはリンクの直下にラベルが表示されます。

  3. ラベルの内側をダブルクリックして、テキストを編集します。

  4. ラベルの外側をクリックして、変更を保存します。

アクティビティまたはリンクには、多くのラベルを付けることができます。 固定リンクは、新しい場所にドラッグすることによって、自由に位置変更できます。 ドラッグすると、線が表示されることに注意してください。 この線は、ラベルの固定先のアクティビティまたはリンクを示します。

Procedure 任意のレベルをフォーマットする

  1. ラベルを右クリックして、[プロパティ]を選択します。

    プロパティインスペクタが開き、現在のフォーマッティングプロパティが表示されます

  2. 変更します。 プロパティについては、オブジェクト表示プロパティの設定で説明しています。

    変更は、実行時に保存されます。

Procedure ラベルを削除する

  1. ラベルを選択します。

  2. <Delete>キーを押します。

 
Top of page

オブジェクト表示プロパティの設定

各アクティビティ、リンク、およびラベルには、それぞれに関連付けられているプロパティのセットがあります。要素を選択して右クリックすると、要素のプロパティがプロパティインスペクタに表示されます。要素の一部またはすべてに見られるグラフィカルプロパティは、次の表のとおりです。

グラフィカルプロパティ

説明

矢印の高さ

選択したリンクに対する矢印の先端の高さ(太さ)をカスタマイズします。

矢印の幅

選択したリンクに対する矢印の先端の幅(長さ)をカスタマイズします。

境界線の色

アクティビティをアウトラインする四角形の色。標準の色選択ダイアログボックスを表示するには、カラーバーをクリックします。

アクティビティのバックグラウンド色。標準の色選択ダイアログボックスを表示するには、カラーバーをクリックします。

フォント

標準のテキストフォーマッティングダイアログボックスを表示する場合は、データ領域をクリックします。

高さ

(読み込み専用)アクティビティの高さ(ピクセル単位)。アクティビティは、ハンドルをドラッグすることによって、拡大または縮小できます。

余白の高さ

(ラベルの場合)テキストと境界ボックス間の上部と下部にある領域。

余白の幅

(ラベルの場合)テキストと境界ボックス間の左側と右側にある領域。

境界線の表示

有効にすると、バックグラウンドの色が透明に設定されている場合でも、アクティビティの周りに四角形のアウトラインが表示されます。

スタイル

パターン(実線、または複数の破線の1つ)を、ドロップダウンリストから選択します。選択したパターンは、現在選択されているリンク先に対してのみ影響を与えます。複数のリンク先を一度に変更するには、<Shift>キーを押しながらパターンをそれぞれクリックします。スタイルは、プロパティインスペクタから選択します。

文字の色

ラベルのフォント色。標準の色選択ダイアログボックスを表示するには、カラーバーをクリックします。

透明

色設定を上書きし、アクティビティバックグラウンドを透明にします。

(読み込み専用)アクティビティの幅(ピクセル単位)。アクティビティは、ハンドルをドラッグすることによって、拡大または縮小できます。

X 中心

ページフロープロセスが初めて作成されたときの原点(0, 0)は、グラフの左下角にあります。項目を作成してドラッグすると、グラフのサイズは、すべての方向に自動的に変更します。この場合、原点自体は新しい左下角にリセットされず、そのままの状態になります。

正の値は、アイコンの垂直中心が現在位置している原点より上のピクセルの数です。負の値は、原点より下の位置を示します。

ページフローモデラーによってアクティビティが指定の垂直位置に自動的に移動されるようにするには、新しい値を入力します。

Y 中心

ページフロープロセスが初めて作成されたときの原点(0, 0)は、グラフの左下角にあります。項目を作成してドラッグすると、グラフのサイズは、すべての方向に自動的に変更します。この場合、原点自体は新しい左下角にリセットされず、そのままの状態になります。

正の値は、アイコンの水平中心が現在位置している原点より右のピクセルの数です。負の値は、原点より左の位置を示します。

ページフローモデラーによってアクティビティが指定の水平位置に自動的に移動されるようにするには、新しい値を入力します。

 
Top of page

レイアウト機能の使用

レイアウト」は、グラフのアクティビティ、リンク、およびラベルの配置です。 ページフローモデラーには、読みやすさを最大限にしてスペースを最小限にするためにグラフを完全に再配置できるようにする、洗練されたレイアウト機能があります。

新しい配置が垂直または水平の方向になるようにするか、リンクが斜線としてまたは垂直のセグメントから作成されるように指定することができます。

レイアウトには、次の2種類があります。 「完全レイアウト」および「増分レイアウト」です。

 
Top of section

完全レイアウト

完全レイアウトでは、グラフのアクティビティ、リンク、およびラベルをページフローモデラーで自由に移動できます。

たとえば、次の図は、手で配置したレイアウトを示しています。

PFLayout1

次の図は、手で配置したレイアウトに完全レイアウトを適用した結果を示しています。

PFLayout2

Procedure 完全レイアウトを適用する

 
Top of section

増分レイアウト

増分レイアウトでは、グラフを魅力的で整理されたものにするだけでなく、手で配置したレイアウトの基本的なデザインも維持されます。

次の図は、手で配置したレイアウトに増分レイアウトを適用した結果を示しています。

PFLayout3

ヒント:   グラフにレイアウトを試してください。 [編集]>[元に戻す]の順に選択して必要が ないレイアウトを取り消します。

Procedure 増分レイアウトを適用する

 
Top of section

初期設定の設定

ページフローグラフのレイアウト初期設置を設定できます。 初期設定では、新しい配置が垂直または水平の方向になるようにしたり、リンクが斜線としてまたは垂直のセグメントから作成されたりするように指定することができます。

Procedure レイアウト設定を行う

  1. 開発環境メニューから[ページフロー]>[レイアウト設定]の順に選択します。

    PFLayoutSettings

  2. 方向を選択します。

  3. リンクスタイルを選択します。

  4. [OK]をクリックします。

 
Top of page

ズーム機能の使用

ページフローモデラーでは、次の4つの方法でズームできます。

ズームタイプ

ツールバーアイコン

説明

標準ズーム

iZoomPer

一般的なズーム倍率のリストから選択できます。

マーキーズーム

iMarq

グラフウィンドウいっぱいになるようにズームするグラフの一部をドラッグして選択できます。

インタラクティブズーム

iZoonInt

グラフで上下にドラッグすることにより拡大または縮小できます。

ウィンドウに合わせて調整

iFitWin

グラフウィンドウをズームして、グラフにすべてのアクティビティを表示できます。 この操作を行うには、グラフウィンドウに収まるように現在のドキュメントのコンテンツを縮小または拡大します。

 
Top of page

グリッド機能の使用

ページフローモデラーには、あらゆるグラフィックプログラムにおけるグリッドと同じように機能するグリッド線が含まれています。

Procedure グリッド機能をオンまたはオフにする

Procedure グリッド線のスペース(グリッドサイズ)を変更する

  1. exteNd Directorメニューから[ページフロー]>[グリッドサイズ]の順に選択します。

    [グリッドサイズ]ダイアログボックスが表示されます。

    PFCustomGridSize

  2. 7.5~1000の範囲の値をピクセル単位で入力します。

    デフォルトは10です。

  3. [OK]をクリックします。

 
Top of page

バードアイビューの使用

バードアイビューは、大きいグラフで作業できるように、ページフローグラフ全体のビューを表示するポップアップウィンドウです。 [バードアイビュー]ウィンドウには次の特徴があります。

[バードアイビュー]ウィンドウの青色のアウトラインボックスを使用すると、次のような複数の便利な操作を実行できます。

操作

結果

アウトラインボックスの外側をクリックする

クリックした点でアウトラインボックスを中央に配置し、アウトラインボックスの新しい場所に対応するようにグラフ領域をパンする

アウトラインボックスの外側をドラッグする

新しい場所にアウトラインボックスを作成し、アウトラインボックスの新しい場所に対応するようにグラフ領域をパンする

アウトラインボックスの内側をドラッグする

アウトラインボックスをパンし、アウトラインボックスの新しい場所に対応するようにグラフ領域をパンする

アウトラインボックスの角をドラッグする

アウトラインボックスをサイズ変更し、アウトラインボックスの新しいサイズに対応するようにグラフ領域をズームする

 
Top of page

ページフローのリソースビューの作成

ページフローに関連付けられているすべてのリソースファイルのカスタムビュー を作成できます。 ビューを作成したら、[表示]タブに表示できます。

exteNd Directorでは、ビューのコンテンツをJARにエクスポートできます。 ビューからリソースをエクスポートすると、exteNd Directorは、ディレクトリ構造を含むビューのすべての要素を含むJARを作成します。また、JARは、リソースのエクスポート元のビューを定義するXMLファイルを含みます。このJARは、他のリソースセットにインポートできます。

ヒント:   [表示]タブに移動するには、最初にexteNd Directorナビゲーションペインの[リ ソース]タブをクリックする必要があります。

For more information    ビューの詳細については、『exteNd Directorアプリケーションの開発』のビューの操作に関する章を参照してください。

Procedure ページフロープロセスのリソースビューの作成:



Copyright © 2004 Novell, Inc. All rights reserved. Copyright © 1997, 1998, 1999, 2000, 2001, 2002, 2003 SilverStream Software, LLC. All rights reserved.  more ...