このセクションは、 xamZoombar コントロールの重要な概念および機能を効果的に使用するためのタスク ベースの情報について説明します。
このセクションは、xamZoombar コントロールをナビゲートする方法を示します。
xamZoombar コントロールを使用している場合、スクロールはつまみをスライドするか、スクロール ボタンをクリックして実行されます。次の画像は、xamZoombar コントロールのスクロール方法を示します。
xamZoombar コントロールの拡大は、つまみのサイズを変更することで実行されます。次の画像は、xamZoombar コントロールのズーム範囲を変更する方法を示します。
xamZoombar コントロールは、 xamDataChart および xamTimeline コントロールと完全に統合されています。このセクションは、xamZoombar をこれらのコントロールと使用する方法を示します。
xamTimeline コントロールにはひとつの xamZoombar コントロールがあり、その外観とビヘイビアーは、以下の Timeline プロパティで制御されます:
以下のコードは、タイムラインの中央に表示可能な部分を付け、半分のタイムラインを表示するズーム バーの表示方法を示します。
XAML の場合:
<ig:XamTimeline Margin="20">
<ig:XamTimeline.PreviewAxis>
<ig:PreviewAxis ShowLabels="True" ShowMajorTickMarks="True" ShowMinorTickMarks="True"/>
</ig:XamTimeline.PreviewAxis>
<ig:XamTimeline.Axis>
<ig:NumericTimeAxis ScrollPosition="0.25" ScrollScale="0.5" />
</ig:XamTimeline.Axis>
</ig:XamTimeline>
Visual Basic の場合:
Imports Infragistics.Controls.Timelines
' ...
Dim timeline As New XamTimeline()
timeline.PreviewAxis = New PreviewAxis() With { _
Key .ShowLabels = True, _
Key .ShowMajorTickMarks = True, _
Key .ShowMinorTickMarks = True _
}
timeline.Axis = New NumericTimeAxis() With { _
Key .ScrollScale = 0.25, _
Key .ScrollPosition = 0.5 _
}
C# の場合:
using Infragistics.Controls.Timelines;
XamTimeline timeline = newXamTimeline();
timeline.PreviewAxis = newPreviewAxis
{
ShowLabels = true,
ShowMajorTickMarks = true,
ShowMinorTickMarks = true
};
timeline.Axis = newNumericTimeAxis
{
ScrollScale = 0.25,
ScrollPosition = 0.5
};
xamDataChart コントロールには、ひとつの水平方向の xamZoombar とひとつの垂直方向の xamZoombar があります。外観とビヘイビアーは、以下の Data Chart プロパティで制御されます:
以下のコードは、データ チャートの中央に表示可能な部分を付け、データ チャートの半分を表示する xamZoombar コントロールの表示方法を示します。
XAML の場合:
<ig:XamDataChart x:Name="DataChart"
WindowPositionHorizontal="0.25"
WindowPositionVertical="0.25"
WindowScaleHorizontal="0.5"
WindowScaleVertical="0.5"
HorizontalZoomable="True"
HorizontalZoombarVisibility="Visible"
VerticalZoomable="True"
VerticalZoombarVisibility="Visible">
</ig:XamDataChart>
Visual Basic の場合:
Imports Infragistics.Controls.Charts ' ... Dim dataChart As New XamDataChart() dataChart.WindowPositionHorizontal = 0.25 dataChart.WindowPositionVertical = 0.25 dataChart.WindowScaleHorizontal = 0.5 dataChart.WindowScaleVertical = 0.5 dataChart.HorizontalZoomable = True dataChart.HorizontalZoombarVisibility = Visibility.Visible dataChart.VerticalZoombarVisibility = Visibility.Visible dataChart.VerticalZoomable = True
C# の場合:
using Infragistics.Controls.Charts; // ... XamDataChart dataChart = new XamDataChart(); dataChart.WindowPositionHorizontal = 0.25; dataChart.WindowPositionVertical = 0.25; dataChart.WindowScaleHorizontal = 0.5; dataChart.WindowScaleVertical = 0.5; dataChart.HorizontalZoomable = true; dataChart.HorizontalZoombarVisibility = Visibility.Visible; dataChart.VerticalZoombarVisibility = Visibility.Visible; dataChart.VerticalZoomable = true;