バージョン

展開インジケーターのスタイル設定 (xamTreeGrid)

トピックの概要

目的

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

前提条件

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

トピック 目的

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

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

このトピックの内容

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

展開インジケーターのスタイル設定

展開インジケーターのスタイル設定の概要

xamTreeGrid コントロールの展開インジケーターは、ExpansionIndicator 型をターゲットとするカスタム スタイルを作成することでスタイル設定できます。

構成可能な項目 詳細 ターゲットの種類

展開インジケーターのスタイル設定

展開インジケーターを変更するためのカスタム テンプレートを設定します

コード例

以下のコードはこの例を実装します。

XAML の場合:

<Page
  …
  xmlns:igWindows="http://infragistics.com/Windows"
  …>
  <Page.Resources>
    <ResourceDictionary>
      <Style TargetType="{x:Type igWindows:ExpansionIndicator}">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type igWindows:ExpansionIndicator}">
              <Grid>
                <Path
                  x:Name="ArrowPath"
                  Width="10"
                  Height="10"
                  Stretch="Fill"
                  Stroke="#FF00FF00"
                  StrokeThickness="1"
                  Fill="{Binding RelativeSource={RelativeSource Self}, Path=Stroke, Mode=OneWay}"
                  Data="M8,5 L8,14 L14,9.5 z"
                  Visibility="Visible" />
              </Grid>
              <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="True">
                  <Trigger.Setters>
                    <Setter TargetName="ArrowPath" Property="Stroke" Value="#FFFF0000" />
                    <Setter TargetName="ArrowPath" Property="RenderTransform">
                      <Setter.Value>
                        <RotateTransform CenterX="5" CenterY="5" Angle="90" />
                      </Setter.Value>
                    </Setter>
                  </Trigger.Setters>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                  <Trigger.Setters>
                    <Setter TargetName="ArrowPath" Property="Stroke" Value="#FFFFFF00"/>
                    <Setter TargetName="ArrowPath" Property="Cursor" Value="Hand"/>
                  </Trigger.Setters>
                </Trigger>
              </ControlTemplate.Triggers>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </ResourceDictionary>
  </Page.Resources>
  …
</Page>

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

xamTreeGrid 10.png

関連コンテンツ

トピック

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

トピック 目的

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