バージョン

xamZoombar を使用した作業の開始

始める前に

xamZoombar コントロールは、つまみ、2 つのボタン、およびプレビュー領域で構成されます。つまみは表示可能領域だけでなくズーム範囲を制御します。つまみのサイズを変更して、ズーム スケールを増減できます。ズーム範囲を変更するには、つまみを前後にスライドします。

xamZoombar Getting Started with xamZoombar 01.png

以下の表で、xamZoombar コントロールの最も重要なプロパティの詳細を説明します。

プロパティ名 プロパティ タイプ 説明

double

xamZoombar コントロールで Range 要素の最小可能値を決定します。

double

xamZoombar コントロールで Range 要素の最大可能値を決定します。

xamZoombar コントロールで現在の範囲 (つまみの位置とサイズ) を決定します。

達成すること

このセクションは、Microsoft® Visual Studio® および Expression Blend® で xamZoombar コントロールのプロジェクトを設定する方法を示します。

xamZoombar を Visual Studio で表示

  1. Visual Studio で Microsoft® WPF® プロジェクトを作成します。

  2. 以下の NuGet パッケージ参照をアプリケーションに追加します。

    • Infragistics.WPF.DataVisualization

    NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。

  1. xamZoombar コントロールの以下の名前空間宣言を追加します。

XAML の場合:

<xmlns:ig=http://schemas.infragistics.com/xaml/>

Visual Basic の場合:

Imports Infragistics.Controls

C# の場合:

using Infragistics.Controls;
  1. 以下の属性を指定して xamZoombar コントロールのインスタンスを追加します。

    • 新しい xamZoombar オブジェクトを作成します。

    • Minimum プロパティを 0 に設定します。

    • Maximum プロパティを 1 に設定します。

    • 新しい Range オブジェクトを作成します。

    • Range オブジェクトで Minimum プロパティを 0.25 に設定します。

    • Range オブジェクトで Maximum プロパティを 0.75 に設定します。

XAML の場合:

<ig:XamZoombar x:Name="zoombar" Minimum="0" Maximum="1">
        <ig:XamZoombar.Range>
                <ig:Range Minimum="0.25" Maximum="0.75" />
        </ig:XamZoombar.Range>
</ig:XamZoombar>

Visual Basic の場合:

Dim zoombar As New XamZoombar()
zoombar.Minimum = 0
zoombar.Maximum = 1
zoombar.Range = New Range() With { Key .Minimum = 0.25, Key .Maximum = 0.75 }

C# の場合:

XamZoombar zoombar = new XamZoombar();
zoombar.Minimum = 0;
zoombar.Maximum = 1;
zoombar.Range = new Range {Minimum = 0.25, Maximum = 0.75};
  1. プロジェクトを保存して実行します。xamZoombar コントロールは、以下の画像に表示するように、ロードしてコントロールの中央につまみを表示します。

xamZoombar Getting Started with xamZoombar 02.png

xamZoombar を Expression Blend で表示

  1. Expression Blend で Microsoft® WPF® プロジェクトを作成します。

  2. 以下の NuGet パッケージ参照をアプリケーションに追加します。

    • Infragistics.WPF.DataVisualization

    NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。

  1. ツールボックスから xamZoombar コントロールを選択し、デザイン サーフェイスにドラッグします。

  2. xamZoombar コントロールのプロパティ タブで、xamZoombar プロパティまで下にスクロールします。

    • Minimum プロパティを 0 に設定します。

    • Maximum プロパティを 1 に設定します。

    • 新しい Range オブジェクトを作成します。

    • Range オブジェクトで Minimum プロパティを 0.25 に設定します。

    • Range オブジェクトで Maximum プロパティを 0.75 に設定します。

xamZoombar Getting Started with xamZoombar 03.png
  1. プロジェクトを保存して実行します。xamZoombar コントロールは、以下の画像に表示するように、ロードしてコントロールの中央につまみを表示します。

xamZoombar Getting Started with xamZoombar 04.png

関連トピック: