AnimatedIcon クラス

リファレンス

定義

名前空間:: Microsoft.UI.Xaml.Controls

重要

一部の情報は、リリース前に大きく変更される可能性があるプレリリースされた製品に関するものです。 Microsoft は、ここに記載されている情報について、明示または黙示を問わず、一切保証しません。

編集

ユーザーの操作や表示状態の変化に応じてアニメーション化できるビジュアルを表示および制御するアイコンを表します。

/// [Windows.Foundation.Metadata.ContractVersion(Microsoft.UI.Xaml.XamlContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
/// [Windows.UI.Xaml.Markup.ContentProperty(Name="Source")]
class AnimatedIcon : IconElement

[Windows.Foundation.Metadata.ContractVersion(typeof(Microsoft.UI.Xaml.XamlContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
[Windows.UI.Xaml.Markup.ContentProperty(Name="Source")]
public class AnimatedIcon : IconElement

Public Class AnimatedIcon
Inherits IconElement

継承: Object IInspectable DependencyObject UIElement FrameworkElement IconElement AnimatedIcon

属性: ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute ContentPropertyAttribute

例

先端

詳細、設計ガイダンス、およびコード例については、「アニメーション化されたアイコンを参照してください。

WinUI 3 ギャラリーアプリを開き、AnimatedIcon の動作を確認します。

WinUI 3 ギャラリー アプリには、ほとんどの WinUI 3 コントロール、機能、および機能の対話型の例が含まれています。 Microsoft Store からアプリを取得するか、GitHub でソースコード取得します

ボタンに AnimatedIcon を追加する

この例では、ポインターイベントが発生したときにアニメーション化する戻る矢印アイコンを持つ戻るボタンを示します。

AnimatedBackVisualSource は、WinUI によって提供される逆矢印アニメーションです。
FallbackIconSource は、アニメーションを再生できない場合に使用されます。
をに設定した UIElement.AddHandler メソッドは、ボタンが PointerRoutedEventArgs.Handledとしてマークイベントに使用されます。

<!-- 
xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
-->

<AppBarButton x:Name="BackButton" Label="Back"
              AnimatedIcon.State="Normal"
              PointerEntered="AppBarButton_PointerEntered"
              PointerExited="AppBarButton_PointerExited">
    <AnimatedIcon>
        <animatedvisuals:AnimatedBackVisualSource/>
        <AnimatedIcon.FallbackIconSource>
            <SymbolIconSource Symbol="Back"/>
        </AnimatedIcon.FallbackIconSource>
    </AnimatedIcon>
</AppBarButton>

// Add handlers.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
    SettingsButton.AddHandler(UIElement.PointerPressedEvent, 
        new PointerEventHandler(AppBarButton_PointerPressed), true);
    SettingsButton.AddHandler(UIElement.PointerReleasedEvent, 
        new PointerEventHandler(AppBarButton_PointerReleased), true);
    base.OnNavigatedTo(e);
}

// Remove handlers.
protected override void OnNavigatedFrom(NavigationEventArgs e)
{
    SettingsButton.RemoveHandler(UIElement.PointerPressedEvent, 
        (PointerEventHandler)AppBarButton_PointerPressed);
    SettingsButton.RemoveHandler(UIElement.PointerReleasedEvent, 
        (PointerEventHandler)AppBarButton_PointerReleased);
    base.OnNavigatedFrom(e);
}

private void AppBarButton_PointerEntered(object sender, PointerRoutedEventArgs e)
{
    AnimatedIcon.SetState((UIElement)sender, "PointerOver");
}

private void AppBarButton_PointerPressed(object sender, PointerRoutedEventArgs e)
{
    AnimatedIcon.SetState((UIElement)sender, "Pressed");
}

private void AppBarButton_PointerReleased(object sender, PointerRoutedEventArgs e)
{
    AnimatedIcon.SetState((UIElement)sender, "Normal");
}

private void AppBarButton_PointerExited(object sender, PointerRoutedEventArgs e)
{
    AnimatedIcon.SetState((UIElement)sender, "Normal");
}

注釈

AnimatedIcon.Source プロパティを設定して、アイコンのアニメーション化されたビジュアルを指定します。 WinUI は、Microsoft.UI.Xaml.Controls.AnimatedVisuals 名前空間の一般的なアイコンにアニメーション化されたビジュアルを提供します。

場合によっては、システム設定や制限により、アイコンがアニメーション化されない場合があります。

ユーザーがシステム設定でアニメーションをオフにすると、AnimatedIcon コントロールの状態遷移の最終的なフレームが表示されます。
Lottie アニメーションをサポートしていない古いバージョンの Windows など、アニメーションがサポートされていない場合に使用する FallbackIconSource を指定します。

カスタムアニメーション

アプリでアニメーションアイコンとして使用するカスタムアニメーションを作成できます。アニメーションは Adobe AfterEffectsを使用して作成できます。その出力を Lottie-Windows ライブラリと共に使用して、IAnimatedVisualSource2実装するカスタムクラスを生成できます。このクラスは、アニメーション化されたアイコンのソースとして使用できます。詳細については、「Lottie を使用して AnimatedIconのアニメーションコンテンツを作成する」を参照してください。

アニメーション化されたアイコンの状態を制御する

アニメーションの再生位置と状態を変更するには、AnimatedIcon.State 添付プロパティを設定します。 state プロパティは、"Normal"、"PointerOver"、"Pressed" など、視覚的な状態を記述する文字列値を受け取ります。 "PressedToNormal" など、特定の状態遷移を指定することもできます。

ソースアニメーションアイコンには、アニメーションタイムライン内の位置を視覚的な状態にマップするマーカーが含まれています。 State 添付プロパティを設定するために Source がサポートする文字列値は、Markers コレクションで定義されます。詳細については、「AnimatedIcon マーカーを定義する」を参照してください。

多くの場合、コントロールテンプレートで使用されるアニメーション化されたビジュアルソースには、制御状態にマップされるより複雑な Markers セットが含まれますが、一般的に使用するアニメーション化されたビジュアルには、ポインターイベントにマップする Markers のより単純なセットが含まれることがよくあります。

状態を設定する場所

このプロパティは、AnimatedIcon または XAML ツリーの先祖に設定できます。どちらの場合も、次のように添付プロパティ構文を使用する必要があります。

<AnimatedIcon AnimatedIcon.State="Normal">...</AnimatedIcon>

大事な

XAML ツリーに AnimatedIcon を追加し、先祖要素に State プロパティを設定する場合、アイコンをアニメーション化するには、アニメーション化されたアイコンが最初に読み込まれる前に、State プロパティを初期値に設定する必要があります。通常は、次に示すように XAML で初期状態を設定します。

<StackPanel AnimatedIcon.State="Normal" ...>
   <AnimatedIcon>
       <animatedvisuals:AnimatedBackVisualSource/>
   </AnimatedIcon>
</StackPanel>

表示状態を使用する

XAML コントロールの ControlTemplate に AnimatedIcon を追加し、VisualStateManager を使用してその状態を設定できます。 NavigationViewItemなどの一部のコントロールでは、アイコンとして設定されている AnimatedIcon の状態が自動的に設定されます。

コントロールテンプレートの表示状態でを設定する例を確認するには、CheckBoxの既定テンプレートを参照してください。 CheckBox コントロールは、チェックマークに AnimatedAcceptVisualSource を使用します。ビジュアル状態セッターは次のようになります。

<VisualState x:Name="CheckedPointerOver">
    ...
    <VisualState.Setters>
        <Setter Target="CheckGlyph.(AnimatedIcon.State)" Value="PointerOverOn"/>
    </VisualState.Setters>
</VisualState>

ポインターイベントを処理する

AnimatedIcon がユーザーの操作に応答できるようにするには、ポインターイベントに応答して、AnimatedIcon.State 添付プロパティを設定する必要があります。次の表は、通常処理するポインターイベントと、これらのイベントにマップされる一般的な状態を示しています。 (ただし、アニメーション化されたすべてのアイコンソースがこれらの状態に正確にマップされるわけではありません)。

出来事	状態
UIElement.PointerEntered	"`PointerOver`"
UIElement.PointerPressed	"`Pressed`"
UIElement.PointerReleased	"`Normal`"
UIElement.PointerExited	"`Normal`"

先端

ボタンまたは Click イベントを持つその他のコントロール内に AnimatedIcon を配置すると、PointerPressed および PointerReleased イベントは PointerRoutedEventArgs.Handledとしてマークされます。ボタンでこれらのイベントを処理するには、UIElement.AddHandler メソッドを使用してイベントハンドラーを接続し、handledEventsToo を trueとして指定します。イベントハンドラー切断するには、UIElement.RemoveHandler を使用します。

これらのイベントハンドラーを示すサンプルコードについては、「例」セクションを参照してください。

XAML 添付プロパティ

AnimatedIcon は、XAML 添付プロパティのホストサービスクラスです。

アタッチされたプロパティへの XAML プロセッサアクセスをサポートし、同等の取得を公開し、操作をコードに設定するために、各 XAML 添付プロパティには、Get アクセサーメソッドと Set アクセサーメソッドのペアがあります。コードで値を取得または設定するもう 1 つの方法は、依存関係プロパティシステムを使用して、GetValue または SetValue 呼び出し、識別子フィールドを依存関係プロパティ識別子として渡すことです。

コンストラクター

AnimatedIcon()

AnimatedIcon クラスの新しいインスタンスを初期化します。

プロパティ

AccessKey	この要素のアクセスキー (ニーモニック) を取得または設定します。 (継承元 UIElement)
AccessKeyScopeOwner	ソース要素のビジュアルツリーにない場合でも、この要素のアクセスキースコープを提供するソース要素を取得または設定します。 (継承元 UIElement)
ActualHeight	FrameworkElementのレンダリングされた高さを取得します。「解説」を参照してください。 (継承元 FrameworkElement)
ActualOffset	レイアウトプロセスの配置パス中に計算された、親を基準としたこの UIElement の位置を取得します。 (継承元 UIElement)
ActualSize	レイアウトプロセスの配置パス中にこの UIElement が計算したサイズを取得します。 (継承元 UIElement)
ActualTheme	要素によって現在使用されている UI テーマを取得します。これは、RequestedThemeとは異なる場合があります。 (継承元 FrameworkElement)
ActualWidth	FrameworkElementのレンダリングされた幅を取得します。「解説」を参照してください。 (継承元 FrameworkElement)
AllowDrop	この UIElement をドラッグアンドドロップ操作の目的でドロップ先にできるかどうかを決定する値を取得または設定します。 (継承元 UIElement)
AllowFocusOnInteraction	ユーザーが要素を操作するときに要素が自動的にフォーカスを取得するかどうかを示す値を取得または設定します。 (継承元 FrameworkElement)
AllowFocusWhenDisabled	無効なコントロールがフォーカスを受け取ることができるかどうかを取得または設定します。 (継承元 FrameworkElement)
BaseUri	XAML の読み込み時に XAML で構築されたオブジェクトのベース URI を表す URI (Uniform Resource Identifier) を取得します。このプロパティは、実行時の URI 解決に役立ちます。 (継承元 FrameworkElement)
CacheMode	レンダリングされたコンテンツを可能な限り複合ビットマップとしてキャッシュする必要があることを示す値を取得または設定します。 (継承元 UIElement)
CanBeScrollAnchor	UIElement をスクロールアンカーの候補にできるかどうかを示す値を取得または設定します。 (継承元 UIElement)
CanDrag	ドラッグアンドドロップ操作で要素をデータとしてドラッグできるかどうかを示す値を取得または設定します。 (継承元 UIElement)
CenterPoint	要素の中心点 (回転またはスケーリングが行われる点) を取得または設定します。要素のレンダリング位置に影響します。 (継承元 UIElement)
Clip	UIElementの内容のアウトラインを定義するために使用する RectangleGeometry を取得または設定します。 (継承元 UIElement)
CompositeMode	親レイアウトとウィンドウ内の要素の代替コンポジションモードとブレンドモードを宣言するプロパティを取得または設定します。これは、混合 XAML/Microsoft DirectX UI に関係する要素に関連します。 (継承元 UIElement)
ContextFlyout	この要素に関連付けられているポップアップを取得または設定します。 (継承元 UIElement)
DataContext	FrameworkElementのデータコンテキストを取得または設定します。データコンテキストの一般的な用途は、がマークアップ拡張 {Binding} を使用し、データバインディングに参加する場合です。 (継承元 FrameworkElement)
DesiredSize	この UIElement レイアウトプロセスのメジャーパス中に計算されるサイズを取得します。 (継承元 UIElement)
Dispatcher	Windows App SDK アプリで常に `null` を返します。代わりに、DispatcherQueue 使用してください。 (継承元 DependencyObject)
DispatcherQueue	このオブジェクトが関連付けられている `DispatcherQueue` を取得します。 `DispatcherQueue` は、コードが非 UI スレッドによって開始された場合でも、UI スレッド上の `DependencyObject` にアクセスできる機能を表します。 (継承元 DependencyObject)
ExitDisplayModeOnAccessKeyInvoked	アクセスキーの呼び出し時にアクセスキーの表示を閉じるかどうかを指定する値を取得または設定します。 (継承元 UIElement)
FallbackIconSource	アニメーション化されたアイコンを実行できない場合に使用する静的アイコンを取得または設定します。
FallbackIconSourceProperty	FallbackIconSource 依存関係プロパティを識別します。
FlowDirection	レイアウトを制御する任意の親要素内でテキストやその他の UI 要素が流れる方向を取得または設定します。このプロパティは、`LeftToRight` または `RightToLeft`に設定できます。 `FlowDirection` を任意の要素に `RightToLeft` に設定すると、配置が右に設定され、読み取り順序が右から左に設定され、コントロールのレイアウトが右から左に流れるようになります。 (継承元 FrameworkElement)
FocusState	このコントロールにフォーカスがあるかどうかを示す値と、フォーカスが取得されたモードを取得します。 (継承元 UIElement)
FocusVisualMargin	FrameworkElementのフォーカスビジュアルの外側の余白を取得または設定します。 (継承元 FrameworkElement)
FocusVisualPrimaryBrush	FrameworkElementの `HighVisibility` または `Reveal` フォーカスビジュアルの外側の境界線を描画するために使用するブラシを取得または設定します。 (継承元 FrameworkElement)
FocusVisualPrimaryThickness	FrameworkElementの `HighVisibility` または `Reveal` フォーカスビジュアルの外側の境界線の太さを取得または設定します。 (継承元 FrameworkElement)
FocusVisualSecondaryBrush	FrameworkElementの `HighVisibility` または `Reveal` フォーカスビジュアルの内側の境界線を描画するために使用するブラシを取得または設定します。 (継承元 FrameworkElement)
FocusVisualSecondaryThickness	FrameworkElementの `HighVisibility` または `Reveal` フォーカスビジュアルの内側の境界線の太さを取得または設定します。 (継承元 FrameworkElement)
Foreground	前景色を表すブラシを取得または設定します。 (継承元 IconElement)
Height	FrameworkElementの推奨高さを取得または設定します。 (継承元 FrameworkElement)
HighContrastAdjustment	ハイコントラストテーマが有効な場合に、フレームワークが要素のビジュアルプロパティを自動的に調整するかどうかを示す値を取得または設定します。 (継承元 UIElement)
HorizontalAlignment	パネルや項目コントロールなどのレイアウト親で構成されている場合に FrameworkElement に適用される水平方向の配置特性を取得または設定します。 (継承元 FrameworkElement)
IsAccessKeyScope	要素が独自のアクセスキースコープを定義するかどうかを示す値を取得または設定します。 (継承元 UIElement)
IsDoubleTapEnabled	DoubleTapped イベントがその要素から発生するかどうかを決定する値を取得または設定します。 (継承元 UIElement)
IsHitTestVisible	この UIElement の包含領域がヒットテストの true 値を返すことができるかどうかを取得または設定します。 (継承元 UIElement)
IsHoldingEnabled	Holding イベントがその要素から発生するかどうかを決定する値を取得または設定します。 (継承元 UIElement)
IsLoaded	要素が要素ツリーに追加され、操作の準備ができているかどうかを示す値を取得します。 (継承元 FrameworkElement)
IsRightTapEnabled	RightTapped イベントがその要素から発生するかどうかを決定する値を取得または設定します。 (継承元 UIElement)
IsTabStop	コントロールがタブナビゲーションに含まれるかどうかを示す値を取得または設定します。 (継承元 UIElement)
IsTapEnabled	Tapped イベントがその要素から発生するかどうかを決定する値を取得または設定します。 (継承元 UIElement)
KeyboardAcceleratorPlacementMode	コントロールツールヒント、関連付けられているキーボードアクセラレータのキーの組み合わせを表示するかどうかを示す値を取得または設定します。 (継承元 UIElement)
KeyboardAcceleratorPlacementTarget	アクセラレータキーの組み合わせを表示するツールヒントコントロールを示す値を取得または設定します。 (継承元 UIElement)
KeyboardAccelerators	キーボードを使用してアクションを呼び出すキーの組み合わせのコレクションを取得します。アクセラレータは通常、ボタンまたはメニュー項目に割り当てられます。さまざまなメニュー項目のキーボードアクセラレータを示すメニューの例 (継承元 UIElement)
KeyTipHorizontalOffset	UIElement に関連してキーヒントを配置する距離を示す値を取得または設定します。 (継承元 UIElement)
KeyTipPlacementMode	UIElement の境界に対してアクセスキーキーヒントが配置される場所を示す値を取得または設定します。 (継承元 UIElement)
KeyTipTarget	アクセスキーのキーヒントの対象となる要素を示す値を取得または設定します。 (継承元 UIElement)
KeyTipVerticalOffset	UI 要素に対してキーヒントを配置する距離を示す値を取得または設定します。 (継承元 UIElement)
Language	FrameworkElementに適用されるローカライズ/グローバリゼーション言語情報と、オブジェクト表現および UI 内の現在の FrameworkElement のすべての子要素に適用されるローカライズ/グローバリゼーション言語情報を取得または設定します。 (継承元 FrameworkElement)
Lights	この要素にアタッチ XamlLight オブジェクトのコレクションを取得します。 (継承元 UIElement)
ManipulationMode	UIElement の動作とジェスチャとの対話に使用される ManipulationModes 値取得または設定します。この値を設定すると、アプリコードでこの要素からの操作イベントを処理できます。 (継承元 UIElement)
Margin	FrameworkElementの外部余白を取得または設定します。 (継承元 FrameworkElement)
MaxHeight	FrameworkElementの最大高さ制約を取得または設定します。 (継承元 FrameworkElement)
MaxWidth	FrameworkElementの最大幅制約を取得または設定します。 (継承元 FrameworkElement)
MinHeight	FrameworkElementの最小高さの制約を取得または設定します。 (継承元 FrameworkElement)
MinWidth	FrameworkElementの最小幅制約を取得または設定します。 (継承元 FrameworkElement)
MirroredWhenRightToLeft	FlowDirection が RightToLeftされたときにアイコンがミラー化されるかどうかを示す値を取得または設定します。
MirroredWhenRightToLeftProperty	MirroredWhenRightToLeft 依存関係プロパティを識別します。
Name	オブジェクトの識別名を取得または設定します。 XAML プロセッサが XAML マークアップからオブジェクトツリーを作成する場合、ランタイムコードはこの名前で XAML で宣言されたオブジェクトを参照できます。 (継承元 FrameworkElement)
Opacity	オブジェクトの不透明度を取得または設定します。 (継承元 UIElement)
OpacityTransition	Opacity プロパティへの変更をアニメーション化する ScalarTransition を取得または設定します。 (継承元 UIElement)
Parent	オブジェクトツリー内のこの FrameworkElement の親オブジェクトを取得します。 (継承元 FrameworkElement)
PointerCaptures	ポインター値として表される、キャプチャされたすべてのポインターのセットを取得します。 (継承元 UIElement)
Projection	この要素をレンダリングするときに適用するパースペクティブプロジェクション (3-D 効果) を取得または設定します。 (継承元 UIElement)
ProtectedCursor	ポインターがこの要素の上にあるときに表示されるカーソルを取得または設定します。既定値は null で、カーソルへの変更がないことを示します。 (継承元 UIElement)
RasterizationScale	各ビューピクセルの生 (物理) ピクセルの数を表す値を取得します。 (継承元 UIElement)
RenderSize	UIElementの最終的なレンダリングサイズを取得します。使用は推奨されません。「解説」を参照してください。 (継承元 UIElement)
RenderTransform	UIElementのレンダリング位置に影響する変換情報を取得または設定します。 (継承元 UIElement)
RenderTransformOrigin	UIElementの境界を基準に RenderTransformによって宣言された、可能なレンダー変換の原点を取得または設定します。 (継承元 UIElement)
RequestedTheme	リソースの決定に UIElement (およびその子要素) によって使用される UI テーマを取得または設定します。で指定した UI テーマは、RequestedThemeアプリレベルをオーバーライドできます。 (継承元 FrameworkElement)
Resources	ローカルで定義されたリソースディクショナリを取得します。 XAML では、XAML の暗黙的なコレクション構文を使用して、`frameworkElement.Resources` プロパティ要素の子オブジェクト要素としてリソース項目を確立できます。 (継承元 FrameworkElement)
Rotation	時計回りの回転角度を度単位で取得または設定します。 RotationAxis と CenterPoint を基準に回転します。要素のレンダリング位置に影響します。 (継承元 UIElement)
RotationAxis	要素を回転させる軸を取得または設定します。 (継承元 UIElement)
RotationTransition	Rotation プロパティへの変更をアニメーション化する ScalarTransition を取得または設定します。 (継承元 UIElement)
Scale	要素のスケールを取得または設定します。要素の CenterPoint を基準にして拡大縮小します。要素のレンダリング位置に影響します。 (継承元 UIElement)
ScaleTransition	Scale プロパティへの変更をアニメーション化する Vector3Transition を取得または設定します。 (継承元 UIElement)
Shadow	要素によってキャストされるシャドウ効果を取得または設定します。 (継承元 UIElement)
Source	`AnimatedIcon` オブジェクトによって表示されるアニメーション化されたビジュアルを取得または設定します。
SourceProperty	ソース依存関係プロパティを識別します。
StateProperty	XAML 添付プロパティ AnimatedIcon.State を識別します。
Style	レイアウトとレンダリング中にこのオブジェクトに適用されるインスタンス Style を取得または設定します。 (継承元 FrameworkElement)
TabFocusNavigation	このコントロールの TabIndex のタブ移動との動作を変更する値を取得または設定します。 (継承元 UIElement)
TabIndex	ユーザーが Tab キーを使用してコントロール内を移動するときに要素がフォーカスを受け取る順序を決定する値を取得または設定します。 (継承元 UIElement)
Tag	このオブジェクトに関するカスタム情報を格納するために使用できる任意のオブジェクト値を取得または設定します。 (継承元 FrameworkElement)
Transform3D	この要素をレンダリングするときに適用する 3-D 変換効果を取得または設定します。 (継承元 UIElement)
TransformMatrix	要素に適用する変換行列を取得または設定します。 (継承元 UIElement)
Transitions	UIElementに適用される Transition スタイル要素のコレクションを取得または設定します。 (継承元 UIElement)
Translation	要素の x、y、z のレンダリング位置を取得または設定します。 (継承元 UIElement)
TranslationTransition	Translation プロパティへの変更をアニメーション化する Vector3Transition を取得または設定します。 (継承元 UIElement)
Triggers	FrameworkElementに対して定義されているアニメーションのトリガーのコレクションを取得します。一般的には使用されません。「解説」を参照してください。 (継承元 FrameworkElement)
UseLayoutRounding	オブジェクトとそのビジュアルサブツリーのレンダリングで、レンダリングをピクセル全体に合わせた丸め動作を使用するかどうかを決定する値を取得または設定します。 (継承元 UIElement)
UseSystemFocusVisuals	コントロールテンプレートで定義されているシステムまたはフォーカスビジュアルによって描画されたフォーカスビジュアルをコントロールが使用するかどうかを示す値を取得または設定します。 (継承元 UIElement)
VerticalAlignment	パネルや項目コントロールなどの親オブジェクトで構成されている場合に、FrameworkElement に適用される垂直方向の配置特性を取得または設定します。 (継承元 FrameworkElement)
Visibility	UIElementの可視性を取得または設定します。表示されない `UIElement` はレンダリングされず、目的のサイズがレイアウトに伝達されません。 (継承元 UIElement)
Width	FrameworkElementの幅を取得または設定します。 (継承元 FrameworkElement)
XamlRoot	この要素が表示される `XamlRoot` を取得または設定します。 (継承元 UIElement)
XYFocusDown	ユーザーがゲームコントローラーの方向パッド (D パッド) を押したときにフォーカスを取得するオブジェクトを取得または設定します。 (継承元 UIElement)
XYFocusDownNavigationStrategy	ダウンナビゲーションのターゲット要素を決定するために使用する戦略を指定する値を取得または設定します。 (継承元 UIElement)
XYFocusKeyboardNavigation	キーボード方向矢印を使用してナビゲーションを有効または無効にする値を取得または設定します。 (継承元 UIElement)
XYFocusLeft	ユーザーがゲームコントローラーの方向パッド (D パッド) を左に押したときにフォーカスを取得するオブジェクトを取得または設定します。 (継承元 UIElement)
XYFocusLeftNavigationStrategy	左ナビゲーションのターゲット要素を決定するために使用する戦略を指定する値を取得または設定します。 (継承元 UIElement)
XYFocusRight	ユーザーがゲームコントローラーの方向パッド (D パッド) を右に押したときにフォーカスを取得するオブジェクトを取得または設定します。 (継承元 UIElement)
XYFocusRightNavigationStrategy	右ナビゲーションのターゲット要素を決定するために使用する戦略を指定する値を取得または設定します。 (継承元 UIElement)
XYFocusUp	ユーザーがゲームコントローラーの方向パッド (D パッド) を上に押したときにフォーカスを取得するオブジェクトを取得または設定します。 (継承元 UIElement)
XYFocusUpNavigationStrategy	アップナビゲーションのターゲット要素を決定するために使用する戦略を指定する値を取得または設定します。 (継承元 UIElement)

添付プロパティ

State

開発者が AnimatedIcon に設定するプロパティ。

メソッド

AddHandler(RoutedEvent, Object, Boolean)	指定したルーティングイベントのルーティングイベントハンドラーを追加し、現在の要素のハンドラーコレクションにハンドラーを追加します。イベントが他の場所で処理される場合でも、指定されたハンドラーを呼び出す `true` として `handledEventsToo` を指定します。 (継承元 UIElement)
Arrange(Rect)	子オブジェクトを配置し、UIElementのサイズを決定します。子要素のカスタムレイアウトを実装する親オブジェクトは、そのレイアウトオーバーライド実装からこのメソッドを呼び出して、再帰的なレイアウト更新を形成する必要があります。 (継承元 UIElement)
ArrangeOverride(Size)	レイアウトの "配置" パスの動作を提供します。クラスは、このメソッドをオーバーライドして、独自の "Arrange" パス動作を定義できます。 (継承元 FrameworkElement)
CancelDirectManipulations()	現在の UIElementを含む ScrollViewer 親に対する継続的な直接操作処理 (システム定義のパン/ズーム) を取り消します。 (継承元 UIElement)
CapturePointer(Pointer)	ポインターキャプチャを UIElementに設定します。キャプチャが完了すると、キャプチャを持つ要素のみがポインター関連のイベントを発生します。 (継承元 UIElement)
ClearValue(DependencyProperty)	依存関係プロパティのローカル値をクリアします。 (継承元 DependencyObject)
FindName(String)	指定した識別子名を持つオブジェクトを取得します。 (継承元 FrameworkElement)
FindSubElementsForTouchTargeting(Point, Rect)	UIElement サブクラスで、タッチターゲットの解決に役立つ子要素を公開できるようにします。 (継承元 UIElement)
Focus(FocusState)	この要素にフォーカスを設定しようとします。 (継承元 UIElement)
GetAnimationBaseValue(DependencyProperty)	依存関係プロパティに対して確立された基本値を返します。これは、アニメーションがアクティブでない場合に適用されます。 (継承元 DependencyObject)
GetBindingExpression(DependencyProperty)	指定したプロパティのバインドを表す BindingExpression を返します。 (継承元 FrameworkElement)
GetChildrenInTabFocusOrder()	UIElement サブクラスで、Tab フォーカスに参加する子要素を公開できるようにします。 (継承元 UIElement)
GetState(DependencyObject)	指定した DependencyObjectの AnimatedIcon.State 添付プロパティの値を取得します。
GetValue(DependencyProperty)	DependencyObjectから依存関係プロパティの現在の有効な値を返します。 (継承元 DependencyObject)
GetVisualInternal()	要素が解決する `Visual` を取得します。 (継承元 UIElement)
GoToElementStateCore(String, Boolean)	派生クラスで実装すると、コントロールの起動時にすべての状態の XAML を読み込むのではなく、コード内のコントロールテンプレートのビジュアルツリーの状態ごとの構築が可能になります。 (継承元 FrameworkElement)
InvalidateArrange()	UIElementの配置状態 (レイアウト) を無効にします。無効化後、UIElement のレイアウトが更新され、非同期的に行われます。 (継承元 UIElement)
InvalidateMeasure()	UIElementの測定状態 (レイアウト) を無効にします。 (継承元 UIElement)
InvalidateViewport()	有効なビューポートの計算に使用される UIElement のビューポートの状態を無効にします。 (継承元 FrameworkElement)
Measure(Size)	UIElementの DesiredSize を更新します。通常、レイアウトの子のカスタムレイアウトを実装するオブジェクトは、独自の MeasureOverride 実装からこのメソッドを呼び出して、再帰的なレイアウト更新を形成します。 (継承元 UIElement)
MeasureOverride(Size)	レイアウトサイクルの "Measure" パスの動作を提供します。クラスは、このメソッドをオーバーライドして、独自の "Measure" パス動作を定義できます。 (継承元 FrameworkElement)
OnApplyTemplate()	アプリケーションコードまたは内部プロセス (再構築レイアウトパスなど) が ApplyTemplate呼び出されるたびに呼び出されます。最も簡単に言うと、これは、UI 要素がアプリに表示される直前にメソッドが呼び出されていることを意味します。このメソッドをオーバーライドして、クラスの既定のテンプレート後ロジックに影響を与えます。 (継承元 FrameworkElement)
OnBringIntoViewRequested(BringIntoViewRequestedEventArgs)	BringIntoViewRequested イベントが発生する前に呼び出されます。 (継承元 UIElement)
OnCreateAutomationPeer()	派生クラスで実装されている場合は、Microsoft UI オートメーションインフラストラクチャの AutomationPeer 実装クラス固有の実装を返します。 (継承元 UIElement)
OnDisconnectVisualChildren()	クラス固有のコンテンツまたは子プロパティから項目が削除されたときにレイアウトとロジックがどのように動作するかを実装するには、このメソッドをオーバーライドします。 (継承元 UIElement)
OnKeyboardAcceleratorInvoked(KeyboardAcceleratorInvokedEventArgs)	キーボードショートカット (またはアクセラレータ) がアプリで処理されたときに呼び出されます。キーボードアクセラレータが呼び出されたときにアプリがどのように応答するかを処理するには、このメソッドをオーバーライドします。 (継承元 UIElement)
OnProcessKeyboardAccelerators(ProcessKeyboardAcceleratorEventArgs)	キーボードショートカット (またはアクセラレータ) がアプリで処理される直前に呼び出されます。アプリケーションコードまたは内部プロセスが ProcessKeyboardAccelerators呼び出すたびに呼び出されます。このメソッドをオーバーライドして、既定のアクセラレータ処理に影響を与えます。 (継承元 UIElement)
PopulatePropertyInfo(String, AnimationPropertyInfo)	アニメーション化できるプロパティを定義します。 (継承元 UIElement)
PopulatePropertyInfoOverride(String, AnimationPropertyInfo)	派生クラスでオーバーライドされると、アニメーション化できるプロパティを定義します。 (継承元 UIElement)
ReadLocalValue(DependencyProperty)	ローカル値が設定されている場合は、依存関係プロパティのローカル値を返します。 (継承元 DependencyObject)
RegisterPropertyChangedCallback(DependencyProperty, DependencyPropertyChangedCallback)	この DependencyObject インスタンスの特定の DependencyProperty への変更をリッスンするための通知関数を登録します。 (継承元 DependencyObject)
ReleasePointerCapture(Pointer)	この UIElementによって、1 つの特定のポインターをキャプチャするためのポインターキャプチャを解放します。 (継承元 UIElement)
ReleasePointerCaptures()	この要素によって保持されているすべてのポインターキャプチャを解放します。 (継承元 UIElement)
RemoveHandler(RoutedEvent, Object)	この UIElementから、指定したルーティングイベントハンドラーを削除します。通常、問題のハンドラーは AddHandlerによって追加されました。 (継承元 UIElement)
SetBinding(DependencyProperty, BindingBase)	指定されたバインドオブジェクトを使用して、FrameworkElementにバインドをアタッチします。 (継承元 FrameworkElement)
SetState(DependencyObject, String)	指定した DependencyObjectの AnimatedIcon.State 添付プロパティの値を指定します。
SetValue(DependencyProperty, Object)	DependencyObjectの依存関係プロパティのローカル値を設定します。 (継承元 DependencyObject)
StartAnimation(ICompositionAnimationBase)	要素の指定したアニメーションを開始します。 (継承元 UIElement)
StartBringIntoView()	XAML フレームワークへの要求を開始して、その中に含まれているスクロール可能な領域内で要素を表示します。 (継承元 UIElement)
StartBringIntoView(BringIntoViewOptions)	指定したオプションを使用して要素をビューに取り込むための XAML フレームワークへの要求を開始します。 (継承元 UIElement)
StartDragAsync(ExpPointerPoint)	ユーザーの操作や表示状態の変化に応じてアニメーション化できるビジュアルを表示および制御するアイコンを表します。 (継承元 UIElement)
StartDragAsync(PointerPoint)	ドラッグアンドドロップ操作を開始します。大事なユーザーが管理者として昇格モードでアプリを実行する場合はサポートされません。 (継承元 UIElement)
StopAnimation(ICompositionAnimationBase)	要素の指定したアニメーションを停止します。 (継承元 UIElement)
TransformToVisual(UIElement)	UIElement から指定したオブジェクトに座標を変換するために使用できる変換オブジェクトを返します。 (継承元 UIElement)
TryInvokeKeyboardAccelerator(ProcessKeyboardAcceleratorEventArgs)	UIElement のビジュアルツリー全体でショートカットを検索して、キーボードショートカット (またはアクセラレータ) を呼び出そうとします。 (継承元 UIElement)
UnregisterPropertyChangedCallback(DependencyProperty, Int64)	registerPropertyChangedCallback呼び出して、以前に登録された変更通知を取り消します。 (継承元 DependencyObject)
UpdateLayout()	UIElement のすべての子オブジェクトの位置が、レイアウト用に適切に更新されるようにします。 (継承元 UIElement)

イベント

AccessKeyDisplayDismissed	アクセスキーを表示しなくなったときに発生します。 (継承元 UIElement)
AccessKeyDisplayRequested	ユーザーがアクセスキーの表示を要求したときに発生します。 (継承元 UIElement)
AccessKeyInvoked	ユーザーがアクセスキーシーケンスを完了したときに発生します。 (継承元 UIElement)
ActualThemeChanged	ActualTheme プロパティの値が変更されたときに発生します。 (継承元 FrameworkElement)
BringIntoViewRequested	StartBringIntoView この要素またはその子孫のいずれかに対して呼び出されたときに発生します。 (継承元 UIElement)
CharacterReceived	1 つの構成済み文字が入力キューで受信されたときに発生します。 (継承元 UIElement)
ContextCanceled	コンテキスト入力ジェスチャが操作ジェスチャに続き、コンテキストポップアップを開くべきではないことを要素に通知するときに発生します。 (継承元 UIElement)
ContextRequested	ユーザーが右クリックなどのコンテキスト入力ジェスチャを完了したときに発生します。 (継承元 UIElement)
DataContextChanged	FrameworkElement.DataContext プロパティの値が変更されたときに発生します。 (継承元 FrameworkElement)
DoubleTapped	それ以外の場合は、この要素のヒットテスト領域で DoubleTap の相互作用が発生ハンドルされない場合に発生します。 (継承元 UIElement)
DragEnter	入力システムが、この要素をターゲットとして基になるドラッグイベントを報告するときに発生します。 (継承元 UIElement)
DragLeave	この要素を原点として基になるドラッグイベントを入力システムが報告するときに発生します。 (継承元 UIElement)
DragOver	この要素を潜在的なドロップターゲットとして使用して、基になるドラッグイベントを入力システムが報告するときに発生します。 (継承元 UIElement)
DragStarting	ドラッグ操作が開始されたときに発生します。 (継承元 UIElement)
Drop	入力システムが、この要素をドロップターゲットとして持つ基になるドロップイベントを報告するときに発生します。 (継承元 UIElement)
DropCompleted	ソースが終了したときに、この要素を使用したドラッグアンドドロップ操作が発生します。 (継承元 UIElement)
EffectiveViewportChanged	FrameworkElementの有効なビューポート変更されたときに発生します。 (継承元 FrameworkElement)
GettingFocus	UIElement がフォーカスを受け取る前に発生します。このイベントは、イベントのバブル中にフォーカスが移動されないように同期的に発生します。 (継承元 UIElement)
GotFocus	UIElement がフォーカスを受け取ったときに発生します。このイベントは非同期的に発生するため、バブルが完了する前にフォーカスを再び移動できます。 (継承元 UIElement)
Holding	この要素のヒットテスト領域で、それ以外の場合はハンドルされない Hold の相互作用が発生したときに発生します。 (継承元 UIElement)
KeyDown	UIElement にフォーカスがあるときにキーボードキーが押されたときに発生します。 (継承元 UIElement)
KeyUp	UIElement にフォーカスがあるときにキーボードキーが離されたときに発生します。 (継承元 UIElement)
LayoutUpdated	レイアウト関連のプロパティが値を変更したり、レイアウトを更新するその他のアクションが原因で、ビジュアルツリーのレイアウトが変更されたときに発生します。 (継承元 FrameworkElement)
Loaded	FrameworkElement が構築され、オブジェクトツリーに追加され、操作の準備ができたときに発生します。 (継承元 FrameworkElement)
Loading	FrameworkElement の読み込みが開始されたときに発生します。 (継承元 FrameworkElement)
LosingFocus	UIElement がフォーカスを失う前に発生します。このイベントは、イベントのバブル中にフォーカスが移動されないように同期的に発生します。 (継承元 UIElement)
LostFocus	UIElement がフォーカスを失ったときに発生します。このイベントは非同期的に発生するため、バブルが完了する前にフォーカスを再び移動できます。 (継承元 UIElement)
ManipulationCompleted	UIElement の操作が完了したときに発生します。 (継承元 UIElement)
ManipulationDelta	操作中に入力デバイスの位置が変更されたときに発生します。 (継承元 UIElement)
ManipulationInertiaStarting	操作中に入力デバイスが UIElement オブジェクトとの接触を失い、慣性が開始されたときに発生します。 (継承元 UIElement)
ManipulationStarted	入力デバイスが UIElementで操作を開始したときに発生します。 (継承元 UIElement)
ManipulationStarting	操作プロセッサが最初に作成されたときに発生します。 (継承元 UIElement)
NoFocusCandidateFound	ユーザーが (タブまたは方向矢印を使用して) フォーカスを移動しようとしたが、移動方向にフォーカス候補が見つからないため、フォーカスが移動しない場合に発生します。 (継承元 UIElement)
PointerCanceled	接触したポインターが異常に接触を失ったときに発生します。 (継承元 UIElement)
PointerCaptureLost	この要素によって以前に保持されていたポインターキャプチャが別の要素または別の場所に移動したときに発生します。 (継承元 UIElement)
PointerEntered	ポインターがこの要素のヒットテスト領域に入ったときに発生します。 (継承元 UIElement)
PointerExited	ポインターがこの要素のヒットテスト領域から離れると発生します。 (継承元 UIElement)
PointerMoved	ポインターがこの要素のヒットテスト領域内に残っている間にポインターが移動したときに発生します。 (継承元 UIElement)
PointerPressed	ポインターデバイスがこの要素内で Press アクションを開始したときに発生します。 (継承元 UIElement)
PointerReleased	以前に Press アクションを開始したポインターデバイスが、この要素内で解放されたときに発生します。 Press アクションの終了は、`PointerReleased` イベントを発生させる保証はありません。その他のイベントが発生する可能性があります。詳細については、「解説」を参照してください。 (継承元 UIElement)
PointerWheelChanged	ポインターホイールのデルタ値が変更されたときに発生します。 (継承元 UIElement)
PreviewKeyDown	UIElement にフォーカスがあるときにキーボードキーが押されたときに発生します。 (継承元 UIElement)
PreviewKeyUp	UIElement にフォーカスがあるときにキーボードキーが離されたときに発生します。 (継承元 UIElement)
ProcessKeyboardAccelerators	キーボードショートカット (またはアクセラレータ) が押されたときに発生します。 (継承元 UIElement)
RightTapped	ポインターが要素の上にある間に右タップ入力刺激が発生したときに発生します。 (継承元 UIElement)
SizeChanged	ActualHeight または ActualWidth プロパティが、FrameworkElementの値を変更したときに発生します。 (継承元 FrameworkElement)
Tapped	それ以外の場合は、この要素のヒットテスト領域で Tap 操作が発生処理されない場合に発生します。 (継承元 UIElement)
Unloaded	このオブジェクトがメインオブジェクトツリーに接続されなくなったときに発生します。 (継承元 FrameworkElement)

適用対象

こちらもご覧ください

AnimatedVisualPlayer
VisualStateManager
IAnimatedVisual
アニメーションアイコンの概要
Lottie-Windows
アニメーションタイムラインでの対話型セグメントの

次の方法で共有

AnimatedIcon クラス

定義

例

ボタンに AnimatedIcon を追加する

注釈

カスタムアニメーション

アニメーション化されたアイコンの状態を制御する

状態を設定する場所

表示状態を使用する

ポインターイベントを処理する

XAML 添付プロパティ

コンストラクター

プロパティ

添付プロパティ

メソッド

イベント

適用対象

こちらもご覧ください

フィードバック

その他のリソース

次の方法で共有

AnimatedIcon クラス

定義

例

ボタンに AnimatedIcon を追加する

注釈

カスタム アニメーション

アニメーション化されたアイコンの状態を制御する

状態を設定する場所

表示状態を使用する

ポインター イベントを処理する

XAML 添付プロパティ

コンストラクター

プロパティ

添付プロパティ

メソッド

イベント

適用対象

こちらもご覧ください

フィードバック

その他のリソース

カスタムアニメーション

ポインターイベントを処理する