バージョン

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

展開インジケーターのスタイル設定 (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

関連コンテンツ

トピック

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

トピック 目的

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