Share via


AnimatedAcceptVisualSource.Markers Property

Definition

Provides a mapping from marker names to playback positions in the animated visual for an AnimatedIcon.

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 = animatedAcceptVisualSource.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 as defined in the JSON file for the animated icon.

Implements

Remarks

The JSON file that defines the marker names and values is generated by LottieGen.

The following example shows the marker format in a Lottie JSON file. See the AnimatedIcon guidance for more detail.

"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}]

Applies to

See also