バージョン

ツリー コネクタ線のスタイル設定 (xamDataPresenter)

ツリー コネクタ線のスタイル設定 (xamTreeGrid)

トピックの概要

目的

このトピックでは、コントロールのツリー コネクタ線をスタイル設定する方法を説明します。

前提条件

このトピックを理解するために、以下のトピックを参照することをお勧めします。

トピック 目的

このトピックでは、このコントロールでサポートする機能を開発者の観点から説明します。

このトピックでは、コントロールの視覚要素についての概要を紹介します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

ツリー コネクタ線のスタイル設定

ツリー コネクタ線のスタイル設定の概要

xamTreeGrid コントロールのコネクタ線は、 ViewSettings オブジェクトの TreeLinePen プロパティに Pen を提供することでスタイル設定できます。

構成可能な項目 詳細 プロパティ

ツリー コネクタ線のスタイル設定

コネクタ線を描画するカスタム ペンを設定します

コード例

以下のコード例は、コントロールのコネクタ線を描画するカスタム ペンを設定する方法を示しています。

XAML の場合:

<Page … >
  <Page.Resources>
    <ResourceDictionary>
      <Pen x:Key="YellowGreenBrush" Thickness="2">
        <Pen.Brush>
          <LinearGradientBrush>
            <GradientStop Offset="0.0" Color="Green" />
            <GradientStop Offset="1.0" Color="Yellow" />
          </LinearGradientBrush>
        </Pen.Brush>
      </Pen>
    </ResourceDictionary>
  </Page.Resources>
  <Grid x:Name="LayoutRoot">
    <igDP:XamTreeGrid x:Name="xtg" …>
      <igDP:XamTreeGrid.ViewSettings>
        <igDP:TreeViewSettings TreeLinePen="{StaticResource YellowGreenBrush}" />
      </igDP:XamTreeGrid.ViewSettings>
    </igDP:XamTreeGrid>
  </Grid>
</Page>

以下のスクリーンショットは、前述のコードの結果を示しています。

xamTreeGrid 09.png

注:

Note

Pen の作成のみでもツリーコネクタ線の Pen が設定でき、Key プロパティを以下のように設定できます。

{x:Static igDP:DataPresenterBrushKeys.TreeLinePen}

関連コンテンツ

トピック

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

トピック 目的

このトピックでは、コントロールの展開インジケーターをスタイル設定する方法を説明します。