バージョン 24.2 (最新)

オーバーレイ スタイルの構成 (xamBusyIndicator)

トピックの概要

目的

このトピックでは、 xamBusyIndicator コントロールのデフォルトのオーバーレイ スタイルを変更する方法を説明します。

前提条件

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

トピック 目的

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

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

このトピックの内容

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

オーバーレイ スタイルの構成

概要

インジケーターがビジーな場合、 XamBusyIndicator の OverlayStyle プロパティを使用して、 xamBusyIndicator コンテンツの上に置かれる長方形要素にカスタム スタイルを適用します。

プロパティ設定

以下の表は、任意の構成とそれを管理するプロパティ設定のマッピングを示します。

目的: 使用するプロパティ: 設定の選択肢:

長方形をオーバーレイするコンテンツにスタイルを適用

スタイル

例

以下のスクリーンショットは、以下の設定の結果、 xamBusyIndicator コントロールの外観がどのようになるかを示しています。

プロパティ 値

<Style TargetType="{x:Type Rectangle}">

<Setter Property="Opacity" Value=".5" />

<Setter Property="Fill" Value="#FFF8FCC1" />

</Style>
Configuring Overlay Style 1.png

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

XAML の場合:

<ig:XamBusyIndicator IsBusy="True" >
    <ig:XamBusyIndicator.OverlayStyle>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Opacity" Value=".5" />
            <Setter Property="Fill" Value="#FFF8FCC1" />
        </Style>
    </ig:XamBusyIndicator.OverlayStyle>
</ig:XamBusyIndicator>

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックでは、 xamBusyIndicator コントロールを表示する方法を説明します。

このトピックでは、 xamBusyIndicator  ビジー コンテンツを構成する方法を説明します。

このトピックでは、 xamBusyIndicator コントロールを表示する前の遅延時間を構成する方法を説明します。

このトピックでは、 xamBusyIndicator が非アクティブな場合に、UIElement がフォーカスを受け取るように明示的に構成する方法を説明します。

このトピックでは、 xamBusyIndicator のオーバーレイ スタイルをカスタマイズする方法を説明します。

このトピックでは、 xamBusyIndicator コントロールのデフォルトのアニメーション ブラシをカスタマイズする方法を説明します。