バージョン

Infragistics コントロールのスタイル

始める前に

Ultimate UI for WPF コントロールのすべての特徴は、アプリケーション全体で整合性を維持するためにスタイルおよびカスタマイズできます。すべてのコントロールには個々にスタイルプロパティおよびターゲットタイプが含まれます。詳細については、各コントロールの「スタイリングポイント」を参照してください。コントロールのスタイリングは同じパターンに従います。たとえば、このトピックは Style プロパティを設定することによって、XamLinearGauge™ の前景をスタイルする方法を説明します。

達成すること

この詳細なガイドで手順を完了した後は、XamLinearGauge をスタイルするために使用される Style リソースを作成したことになります。

次の手順を実行します

  1. ユーザー コントロールのリソース ディクショナリのタグを追加します。

XAML の場合:

<UserControl.Resources>
   <!-- TODO: ここで Style を作成します -->
</UserControl.Resources>

  1. Style オブジェクトをリソース ディクショナリに追加します。以下のプロパティを設定します。

    • x:Key — DisplayCustomStyle

    • TargetType — ig:XamLinearGauge

XAML の場合:

<Style x:Key="DisplayCustomStyle" TargetType="ig:XamLinearGauge">
   <!-- setter を追加します -->
</Style>

  1. Setter 要素を Style に追加します。以下のプロパティを設定します。

    • Property -– Foreground

    • Value -– DodgerBlue

XAML の場合:

<Setter Property="Foreground" Value="DodgerBlue" />

  1. XamLinearGauge コントロール内で Style プロパティを開発者が作成した Style に設定します。

XAML の場合:

<Grid x:Name="layoutRoot" >
    <ig:XamLinearGauge x:Name="XamLinearGauge1"
                          Margin="5"
                          FontSize="16"
                          Style="{StaticResource DisplayCustomStyle}"
                          Height="150" />
</Grid>

  1. アプリケーションを保存して実行します。

Designers Guide Styling Infragistics Controls 01.png

関連トピック:

テーマの使用