バージョン

xamOverviewPlusDetailPane

xamOverviewPlusDetailPane は、 xamOrgChartxamNetworkNode のような SurfaceViewer コントロールで使用されるナビゲーション コントロールです。このコントロールは、パンとズーム機能および SurfaceViewer コントロールのコンテンツの概要を提供します。

__ 以下の画像は、ネットワーク ノード レイアウト上でパンとズームを行うための xamOrgChart™ を備えた OverviewPlusDetailPane コントロールを示しています。

xamOverviewPlusDetailPane 01.png

図 1: 概要と詳細ペインと xamOrgChart

__ 以下の画像は、ネットワーク ノード レイアウト上でパンとズームを行うための xamNetworkNode™ を備えた OverviewPlusDetailPane コントロール を示しています。

xamOverviewPlusDetailPane 02.png

図 2: 概要と詳細ペインと xamNetworkNode

ユーザー操作と xamOverviewPlusDetailPane の使いやすさ

xamOverviewPlusDetailPane を使用すると、以下を実行できます。

  • ズームインとズームアウト

  • パンの実行

  • サーフェイス ビューアのコンテンツを表示可能領域または 100% に拡大縮小

xamOverviewPlusDetailPane 03.png

図 3: xamOverviewPlusDetailPane の主な機能のグラフィカル表示

xamOverviewPlusDetailPane 04.png

図 4: マウス ポインタをコントロール上に移動するとフル表示される

xamOverviewPlusDetailPane 05.png

図 5: 表示可能領域をクリックしてドラッグするとパンが実行

xamOverviewPlusDetailPane の配置

概要と詳細ペイン コントロールを配置するには、サーフェイス ビューア コントロールの以下のプロパティを使用します。

概要と詳細ペインをスタイルするには、 OverviewPlusDetailPaneStyle プロパティを使用します。

以下のコード・スニペットは、概要と詳細ペイン コントロールに関連した サーフェイス ビューアのプロパティを操作する方法を示します。

コード例: xamOrgChart

説明

以下のコード例は、 xamOrgChart コントロールで指定されたサーフェイス ビューア プロパティを示しています。

コード

XAML の場合:

Code
<ig:XamNetworkNode
              OverviewPlusDetailPaneVisibility="Visible"
              OverviewPlusDetailPaneStyle="{StaticResource OPDPStyle }"
              HorizontalOverviewPlusDetailPaneAlignment="Center"
              VerticalOverviewPlusDetailPaneAlignment="Bottom">
</ig:XamNetworkNode>

コード例: xamNetworkNode

説明

以下のコード例は、 xamNetworkNode コントロールで指定されたサーフェイス ビューア プロパティを示しています。

コード

XAML の場合:

Code
<ig:XamNetworkNode
              OverviewPlusDetailPaneVisibility="Visible"
              OverviewPlusDetailPaneStyle="{StaticResource OPDPStyle }"
              HorizontalOverviewPlusDetailPaneAlignment="Center"
              VerticalOverviewPlusDetailPaneAlignment="Bottom">
</ig:XamNetworkNode>

関連コンテンツ

トピック

以下のトピックでは、このトピックに関連する情報を提供しています。

トピック 目的

xamNetworkNode を使用した作業の開始

このトピックは、 XamNetworkNode™ コントロールをアプリケーションに追加する方法を示します。

xamOrgChart の理解

このトピックは、 XamOrgChart™ コントロールを紹介し、その要素と機能を説明します。