Fabulous API
Documentation
2.0
2.0
  • Welcome
  • Xamarin.Forms
    • AnyView
    • Application
    • Element
    • NavigableElement
    • VisualElement
    • View
    • Controls
      • ActivityIndicator
      • BoxView
      • Button
      • CheckBox
      • DatePicker
      • Editor
      • Entry
      • FormattedLabel
      • ImageButton
      • Image
      • IndicatorView
      • InputView
      • Label
      • Picker
      • ProgressBar
      • RadioButton
      • SearchBar
      • Slider
      • Span
      • Stepper
      • Switch
      • TimePicker
      • WebView
    • Collections
      • CarouselView
      • CollectionView
      • ItemsView
      • ListView
    • Layouts
      • Layout
      • TemplatedView
  • .NET MAUI
    • AnyView
    • Application
    • Element
    • NavigableElement
    • VisualElement
    • View
    • Controls
      • ActivityIndicator
      • BoxView
      • Button
      • CheckBox
      • DatePicker
      • Editor
      • Entry
      • FormattedLabel
      • ImageButton
      • Image
      • IndicatorView
      • InputView
      • Label
      • Picker
      • ProgressBar
      • RadioButton
      • SearchBar
      • Slider
      • Span
      • Stepper
      • Switch
      • TimePicker
      • WebView
    • Collections
      • CarouselView
      • CollectionView
      • ItemsView
      • ListView
    • Layouts
      • Layout
      • TemplatedView
  • Avalonia
    • AnyView
    • Application
    • RenderOptions
    • Animatable
    • StyledElement
    • Transform
    • Visual
    • Layoutable
    • InputElement
    • DragDrop
    • FlyoutBase
    • PopupFlyoutBase
    • Control
    • Decorator
    • TemplatedControl
    • ContentControl
    • Spinner
    • TopLevel
    • TextElement
    • ItemsControl
    • SelectingItemsControl
    • MenuBase
    • WindowBase
    • Styling
      • KeyFrame
      • Animation
      • Transition
      • Style
    • Media
      • Transforms
        • Transform
        • MatrixTransform
        • SkewTransform
        • RotateTransform
        • TranslateTransform
        • ScaleTransform
        • Rotate3DTransform
        • TransformGroup
      • Brushes
        • Brush
        • TileBrush
        • SolidColorBrush
        • VisualBrush
        • ImageBrush
        • DrawingBrush
        • GradientStop
        • GradientBrush
        • ConicGradientBrush
        • LinearGradientBrush
        • RadialGradientBrush
      • PathSegments
        • PathSegment
        • ArcSegment
        • BezierSegment
        • PolyLineSegment
        • QuadraticBezierSegment
        • PathFigure
      • Geometries
        • Geometry
        • LineGeometry
        • EllipseGeometry
        • RectangleGeometry
        • PolylineGeometry
        • PathGeometry
        • CombinedGeometry
        • GeometryGroup
      • DashStyle
      • Pen
      • Drawing
      • Effects
Powered by GitBook
On this page
  • Constructors
  • Properties
  • Usages
Edit on GitHub
  1. Avalonia
  2. Styling

Transition

PreviousAnimationNextStyle

Last updated 1 year ago

Inheritance: AvaloniaUI documentation: TransitionBase

Constructors

Constructors
Description

DoubleTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a DoubleTransition widget.

BoxShadowsTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a BoxShadowsTransition widget.

BrushTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a BrushTransition widget.

ColorTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a ColorTransition widget.

CornerRadiusTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a CornerRadiusTransition widget.

FloatTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a FloatTransition widget.

IntegerTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates an IntegerTransition widget.

PointTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a PointTransition widget.

SizeTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a SizeTransition widget.

ThicknessTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a ThicknessTransition widget.

TransformOperationsTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a TransformOperationsTransition widget.

VectorTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates a VectorTransition widget.

EffectTransition(property: AvaloniaProperty, duration: TimeSpan)

Creates an EffectTransition widget.

Properties

Properties
Description

transition(this: WidgetBuilder<'msg, #IFabAnimatable>)

Sets the Transitions property.

transition(value: WidgetBuilder<'msg, #IFabTransition>)

Sets the Transitions property.

delay(value: TimeSpan)

Sets the Delay property.

easing(value: Easing)

Sets the Easing property.

reference(value: ViewRef)

Link a ViewRef to access the direct TransitionBase control instance

Usages

Border(...)
    .transitions() {
        ColorTransition(Border.BackgroundProperty, TimeSpan.FromMilliseconds(200.))
        ColorTransition(Border.BackgroundProperty, TimeSpan.FromMilliseconds(200.))
    }

Border(...)
    .transition(ColorTransition(Border.BackgroundProperty, TimeSpan.FromMilliseconds(200.)))
}

Get access to the underlying Transition

let transitionRef = ViewRef<TransitionBase>()

Border(...)
    .transition(
        ColorTransition(Border.BackgroundProperty, TimeSpan.FromMilliseconds(200.))
            .reference(transitionRef)
    )
AvaloniaObject
API