IAnimatedVisualSource2.Markers Property

Definition

Namespace:

Microsoft.UI.Xaml.Controls

Gets a collection that provides a mapping of marker names to playback positions in the animation.

public:
 property IMapView<Platform::String ^, double> ^ Markers { IMapView<Platform::String ^, double> ^ get(); };

IMapView<winrt::hstring, double> Markers();

public IReadOnlyDictionary<string,double> Markers { get; }

var iMapView = iAnimatedVisualSource2.markers;

Public ReadOnly Property Markers As IReadOnlyDictionary(Of String, Double)

Property Value

IMapView<String,Double>

IReadOnlyDictionary<String,Double>

IMapView<Platform::String,double>

IMapView<winrt::hstring,double>

The collection of marker names and values defined in the JSON file for the animated icon.

Remarks

The collection of marker names and values for the animated icon is defined in the JSON file generated by LottieGen.

The following example shows the marker format in a Lottie JSON file. For more information, see the AnimatedIcon guidance.

"markers":[{"tm":0,"cm":"NormalToPointerOver_Start","dr":0},{"tm":9,"cm":"NormalToPointerOver_End","dr":0}, 

{"tm":10,"cm":"NormalToPressed_Start","dr":0},{"tm":19,"cm":"NormalToPressed_End","dr":0}, 

{"tm":20,"cm":"PointerOverToNormal_Start","dr":0},{"tm":29,"cm":"PointerOverToNormal_End","dr":0}, 

{"tm":30,"cm":"PointerOverToPressed_Start","dr":0},{"tm":39,"cm":"PointerOverToPressed_End","dr":0}, 

{"tm":40,"cm":"PressedToNormal_Start","dr":0},{"tm":49,"cm":"PressedToNormal_End","dr":0}, 

{"tm":50,"cm":"PressedToPointerOver_Start","dr":0},{"tm":69,"cm":"PressedToPointerOver_End","dr":0}, 

{"tm":90,"cm":"PressedToNormal_Start","dr":0},{"tm":99,"cm":"PressedToNormal_End","dr":0}, 

{"tm":100,"cm":"PressedToPointerOver_Start","dr":0},{"tm":101,"cm":"PressedToPointerOver_End","dr":0}]